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
Post a Comment