list no line between items

[PhilChill]

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?

[SebasSP]

I've used Chrome Developer Tools to inspect a list. The line is defined by the following css:

.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.

[PhilChill]

Thanks was working

[steve_luken]

In version 2.1 it seems to have changed to:

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

[steve_luken]

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

[koolll]

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?

[steve_luken]

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