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
    Answers
    13
    Vote Rating
    4
    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
    48
    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
    48
    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
    83
    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
    48
    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

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar