JorgeJones
Posts: 0
Joined: Mon Sep 01, 2014 4:27 pm

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

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

JorgeJones
Posts: 0
Joined: Mon Sep 01, 2014 4:27 pm

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

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

Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

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

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.

Return to “Issues”