Response title
This is preview!
data-iconpos does not work on navbar buttons
in jQuery Mobile
•
11 years ago
I have a button bar at the top of a page and I would like to position the icons on the left and right of the left and right buttons. I can add this <div data-role="navbar" id="showMorePhotos" data-iconpos="left"> and both buttons alight left. Adding data-iconpos="left" to each button does not seem to work.
Thanks.
- <div data-role="navbar" id="showMorePhotos" data-iconpos="left">
- <ul>
- <li style="width:33%">
- <a href="#" name="btn_prev" id="btn_prev" style="text-align:left"
- data-icon="arrow-l" data-iconpos="left" data-theme="b" onClick="oPhoto.getPrevPhoto();">Prev</a>
- </li>
- <li style="width:33%;text-align:center;vertical-align:middle;padding-top:5px;">
- <label id="ShowMoreText" data-theme="b" >Show More</label>
- </li>
- <li style="width:34%">
- <a href="#" data-iconpos="right" name="btn_next" id="btn_next" style="text-align:center;"
- data-icon="arrow-r" data-iconpos="right"
- data-theme="b" onClick="oPhoto.getNextPhoto();">Next</a>
- </li>
- </div>
1