jquery mobile - how make a listview item like controlgroup? -


I want to show my data like this, a little like control group, but controlgroup seems to merge two labels Does not happen, how can I?

This is my code (temporarily), but I hope there is a line between those people (e.g. Control Group).

  & lt; ul data-roll = "listview" data-inset = "true" & gt; & Lt; Li & gt; & Lt; Div & gt; Name & lt; / Div & gt; & Lt; Div class = "ui-li-aside" & gt; Name 1 & lt; / Div & gt; & Lt; / li & gt; & Lt; / Ul & gt;    

You can do it by modifying CSS.

HTML

  & lt; ul class = 'my_list' data-role = "list view" data-inset = "true" & gt; & Lt; Li & gt; & Lt; Div & gt; Name & lt; / Div & gt; & Lt; Div class = "ui-li-aside" & gt; Name 1 & lt; / Div & gt; & Lt; / li & gt; & Lt; / Ul & gt;   

CSS

 . My_list li {padding: 0px! Important; }. My_list li div {padding: 10px; }. My_list li div: nth-child (2) {width: 10%; Border-right: 1px solid # ccc; }. My_list li .ui-li-aside {margin: 0 pixels; }   

Here is the demo

Comments

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

java - JPA TypedQuery: Parameter value element did not match expected type -

c++ - static template member variable has internal linkage but is not defined -