1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    73
    Vote Rating
    -1
    PhilChill is an unknown quantity at this point

      0  

    Default Answered: list no line between items

    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
    Vote Rating
    4
    Answers
    13
    SebasSP is on a distinguished road

      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
    PhilChill is an unknown quantity at this point

      0  

    Default


    Thanks was working

  5. #4
    Sencha Premium Member
    Join Date
    Aug 2012
    Location
    Boston, MA
    Posts
    53
    Vote Rating
    2
    steve_luken is on a distinguished road

      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
    53
    Vote Rating
    2
    steve_luken is on a distinguished road

      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
    koolll is on a distinguished road

      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?

  8. #7
    Sencha Premium Member
    Join Date
    Aug 2012
    Location
    Boston, MA
    Posts
    53
    Vote Rating
    2
    steve_luken is on a distinguished road

      0  

    Default


    Prefix the string of selectors with CLS specific to your list. Refer to this download:
    https://market.sencha.com/extensions/touchtreegrid

    ./TouchTreeGrid_Advanced_220/ directory contains the Touch 2.2 version of code. TaskList example in TouchTreeGrid.view.Main (itemId = 'firstexample') has cls = ''x-touchtreegrid-list-accordion'.

    touchtreegriddemo.css has this:

    /* 2.1 selectors to eliminate lines ... 2nd set is for Touch 2.2 */
    .x-touchtreegrid-list-accordion .x-list-normal .x-list-item .x-dock-horizontal,
    .x-touchtreegrid-list-accordion .x-list-normal .x-list-item.x-list-item-tpl{
    border: none;
    }

    Can see it here: http://www.lincolnwaterfrontrentals....viceType=Phone

  9. #8
    Sencha User
    Join Date
    May 2012
    Posts
    9
    Vote Rating
    0
    datchayani is on a distinguished road

      0  

    Default list no line between items

    list no line between items


    {
    xtype:'list',
    config:{
    style: {
    'border': '0',
    }
    }
    }


    this code to remove borders in between list items