How to create mini inline form buttons in jQuery Mobile 1.4.2? -
have site uses jquery mobile 1.3.2. have 3 <input> buttons styled <input type="submit" id="1" value="1" data-mini="true" data-inline="true" /> create 3 small horizontally aligned buttons.
i'm trying upgrade jqm 1.4.2, , have followed documentation change using data attributes instead setting class <input type="submit" id="1" value="1" class="ui-btn ui-btn-inline">. instead of getting 3 buttons lined in row this: "1 2 3", i'm getting 3 buttons taking entire width of container flowing vertically this:
" 1 "
" 2 "
" 3 "
is there way re-create did in jqm 1.3.2 using 1.4.2?
the documentation unfortunately isn't clear. both data mini , inline can used on input, however, can add them directly classes a , button tags.
input wrapped in div holding classes. if add class input itself, won't make difference. if use data-mini , data-inline, jqm recognize them , add classes parent div (wrapper).
<input type="submit" value="submit" data-inline="true" data-mini="true" />
Comments
Post a Comment