Results 1 to 8 of 8

Thread: list no line between items

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    73
    Vote Rating
    -1
      0  

    Default Answered: list no line between items

    Hey,

    I have a list. To see on that screenshot
    IMG_0290.jpg

    My question is now is it possible to remove the line between the list items. Is there a config or how should i do that?

  2. I've used Chrome Developer Tools to inspect a list. The line is defined by the following css:
    Code:
    .x-list-normal .x-list-item .x-list-item-label {
    border-top: 1px solid #DEDEDE;
    }
    So you should change that value in your css to modify it.

  3. #2
    Sencha User
    Join Date
    Mar 2012
    Location
    The Netherlands
    Posts
    75
    Answers
    13
    Vote Rating
    4
      0  

    Default

    I've used Chrome Developer Tools to inspect a list. The line is defined by the following css:
    Code:
    .x-list-normal .x-list-item .x-list-item-label {
    border-top: 1px solid #DEDEDE;
    }
    So you should change that value in your css to modify it.

  4. #3
    Sencha User
    Join Date
    Mar 2012
    Posts
    73
    Vote Rating
    -1
      0  

    Default

    Thanks was working

  5. #4
    Sencha Premium Member
    Join Date
    Aug 2012
    Location
    Boston, MA
    Posts
    59
    Vote Rating
    6
      0  

    Default

    In version 2.1 it seems to have changed to:

    .x-list-normal .x-list-item .x-dock-horizontal {
    border: none;
    }

  6. #5
    Sencha Premium Member
    Join Date
    Aug 2012
    Location
    Boston, MA
    Posts
    59
    Vote Rating
    6
      0  

    Default

    In 2.2 it seems to have changed to:
    .x-list-normal .x-list-item.x-list-item-tpl{
    border: none;
    }

  7. #6
    Sencha User
    Join Date
    Nov 2012
    Posts
    84
    Vote Rating
    0
      0  

    Default

    Quote Originally Posted by steve_luken View Post
    In 2.2 it seems to have changed to:
    .x-list-normal .x-list-item.x-list-item-tpl{
    border: none;
    }
    Hi I only want apply on certain list? hw can i done it?

Tags for this Thread

Posting Permissions

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