Results 1 to 8 of 8

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

  1. #1
    Touch Premium Member BostonMerlin's Avatar
    Join Date
    Aug 2010
    Location
    Boston
    Posts
    548
    Answers
    22
    Vote Rating
    44
      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
    Answers
    132
    Vote Rating
    101
      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
    548
    Answers
    22
    Vote Rating
    44
      0  

    Default

    first thing I tried. thanks!

  5. #4
    Sencha User jerome76's Avatar
    Join Date
    Apr 2012
    Location
    New Jersey
    Posts
    1,149
    Answers
    132
    Vote Rating
    101
      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
    548
    Answers
    22
    Vote Rating
    44
      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
    Answers
    132
    Vote Rating
    101
      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
    548
    Answers
    22
    Vote Rating
    44
      0  

    Default

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

  9. #8
    Touch Premium Member BostonMerlin's Avatar
    Join Date
    Aug 2010
    Location
    Boston
    Posts
    548
    Answers
    22
    Vote Rating
    44
      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.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •