list no line between items

Hey,

I have a list. To see on that screenshot
Attachment 34429

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?

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.

Thanks was working :)

In version 2.1 it seems to have changed to:

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

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

Quote:

---

Originally Posted by steve_luken

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?

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

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


this code to remove borders in between list items