Icon Positioning

By default, icons will be left-aligned (see Figure 4–6). However, you may explicitly align icons to any side by adding the data-iconpos attribute to the button with its value corresponding to the side of alignment (see Listing 4–6).

images

Figure 4–6. Icon positioning

Listing 4–6. Icon-only buttons (ch4/icon-positioning.html)<a href=”#” data-role="button" data-icon="arrow-u"data-iconpos="top">
<a href="#" data-role="button" data-icon="arrow-l" data-iconpos=”left”>
<a href="#" data-role="button" data-icon="arrow-r" data-iconpos="right">
<a href="#" data-role="button" data-icon="arrow-d" data-iconpos="bottom">





Comments

Leave a Reply

Your email address will not be published. Required fields are marked *