In previous recipes, we learned how to create simple lists for items and for navigation. This recipe explores the way to build a new widget for displaying a similar list. It contains labels and its associated values and will be very useful for showing information similar to a read-only form typically used in web applications. Actually, this widget shows fields with information related to it. We can establish a correspondence between this kind of field and the name of the rows of a set of data, for instance, a record of a database.
Be sure to put the required reference to the CSS file of the UiUIKit framework in your new HTML file. We can use a toolbar as seen in the previous recipes using this framework. The fragment of code shows how to get a list with some information fields about one user:
<ul class="field"> <li> <h3>Name:</h3> <a href="#">...