Page 1 of 1

How do I add a read-only list that does not reserve a placeholder at the right of each list item for a button?

Posted: Sat Nov 08, 2014 1:28 pm
by JorgeJones

I'm trying to add a read-only List that does not have any buttons. About 40px on the right side of each list item appears to be reserved for a button. I've hidden the button icon, but I'd like to be able to remove the placeholder for the mobilelistitembutton.

Here's an example of what I'm trying to make the list look like:
http://demos.jquerymobile.com/1.2.1/d...


How do I add a read-only list that does not reserve a placeholder at the right of each list item for a button?

Posted: Sat Nov 08, 2014 2:52 pm
by Illya Stepanov

Hi Jorge,

Just untick the Linked property in builder:

Image


How do I add a read-only list that does not reserve a placeholder at the right of each list item for a button?

Posted: Sat Nov 08, 2014 3:37 pm
by JorgeJones

Thanks. I've already unchecked that. See how there's still a blank space on the right side? Is there any way to remove that?
Image


How do I add a read-only list that does not reserve a placeholder at the right of each list item for a button?

Posted: Mon Nov 10, 2014 3:22 am
by Yurii Orishchuk

Hi Jorge,

Please follow the solution below:

1 Create CSS asset.

2 Populate it with following CSS code:

pre

/* note: you should replace "mobilelistitem_269" with your list item component name */
html body [data-role="page"] [data-role="listview"] li[name="mobilelistitem_269"] .ui-li-static-container{
padding-right: 0px;
}

/pre

Regards.


How do I add a read-only list that does not reserve a placeholder at the right of each list item for a button?

Posted: Sun Nov 16, 2014 8:40 pm
by JorgeJones

Thanks so much. This is exactly what I needed.