1. #1
    Touch Premium Member BostonMerlin's Avatar
    Join Date
    Aug 2010
    Location
    Boston
    Posts
    523
    Vote Rating
    42
    Answers
    20
    BostonMerlin has a spectacular aura about BostonMerlin has a spectacular aura about BostonMerlin has a spectacular aura about

      0  

    Default Answered: List UI = round, can't set background color

    I have a list. i set the style of the lists background-color:green;. If i set the UI of the list to 'round', the background-color is overridden returning to battleship gray. If i set the UI of the list to 'normal', the background color returns to my custom color of green.

    This is not expected behavior. What do i have to do to make this work?

    Thanks, JB

  2. this is all set. the order of css files being applied was overriding my custom css by the sencha css. reordered the css links in architect so my custom rule below was applied.

    .x-list-round .x-scroll-view{
    background-color:yellow !important;
    }

    move along... nothing more to see here.

  3. #2
    Sencha User jerome76's Avatar
    Join Date
    Apr 2012
    Location
    New Jersey
    Posts
    1,149
    Vote Rating
    100
    Answers
    132
    jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice

      0  

    Default

    Did you try using the !important flag on your background-color property?

  4. #3
    Touch Premium Member BostonMerlin's Avatar
    Join Date
    Aug 2010
    Location
    Boston
    Posts
    523
    Vote Rating
    42
    Answers
    20
    BostonMerlin has a spectacular aura about BostonMerlin has a spectacular aura about BostonMerlin has a spectacular aura about

      0  

    Default

    first thing I tried. thanks!

  5. #4
    Sencha User jerome76's Avatar
    Join Date
    Apr 2012
    Location
    New Jersey
    Posts
    1,149
    Vote Rating
    100
    Answers
    132
    jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice

      0  

    Default

    Did that fix it? Or no? I can't determine by your post

  6. #5
    Touch Premium Member BostonMerlin's Avatar
    Join Date
    Aug 2010
    Location
    Boston
    Posts
    523
    Vote Rating
    42
    Answers
    20
    BostonMerlin has a spectacular aura about BostonMerlin has a spectacular aura about BostonMerlin has a spectacular aura about

      0  

    Default

    agree ... confusing. nope, didn't work.

  7. #6
    Sencha User jerome76's Avatar
    Join Date
    Apr 2012
    Location
    New Jersey
    Posts
    1,149
    Vote Rating
    100
    Answers
    132
    jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice jerome76 is just really nice

      0  

    Default

    That is wierd. You'd think that it would change it but it is being blocked by the .x-list-round .x-scroll-view that wraps the list. It looks like the .x-list-round.x-list-ungrouped .x-list-item-label, .x-list-round.x-list-grouped .x-list-item-label has its own background property too.

    I don't know what to make of it.

  8. #7
    Touch Premium Member BostonMerlin's Avatar
    Join Date
    Aug 2010
    Location
    Boston
    Posts
    523
    Vote Rating
    42
    Answers
    20
    BostonMerlin has a spectacular aura about BostonMerlin has a spectacular aura about BostonMerlin has a spectacular aura about

      0  

    Default

    Agree, anyone else... Bueller .... Bueller ?

  9. #8
    Touch Premium Member BostonMerlin's Avatar
    Join Date
    Aug 2010
    Location
    Boston
    Posts
    523
    Vote Rating
    42
    Answers
    20
    BostonMerlin has a spectacular aura about BostonMerlin has a spectacular aura about BostonMerlin has a spectacular aura about

      1  

    Default

    this is all set. the order of css files being applied was overriding my custom css by the sencha css. reordered the css links in architect so my custom rule below was applied.

    .x-list-round .x-scroll-view{
    background-color:yellow !important;
    }

    move along... nothing more to see here.

Thread Participants: 1