Geek Answers Handbook

Full-size horizontal buttons with jQuery mobile?

In Jquery mobileI can group horizontal buttons, but they do not accept 100% of width.

I tried adding a class that installs width:100%, but that didn't work.

How can i do this?

Thank!

Update + possible fix. This seems to be unsuccessful because I explicitly used width="50%"in both buttons. I did 45%and fit. Probably some fields that have buttons?

Source code with patch applied: http://pastebin.com/ZXDNfAU1

+5
source share
5 answers
<div class="ui-grid-a">
    <div class="ui-block-a"><button type="submit" data-theme="c">Cancel</button></div>
    <div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
</div>

, . : http://view.jquerymobile.com/master/demos/grids-buttons/

,

+9
<div data-role="controlgroup" data-type="horizontal">
  <a href="index.html" data-role="button">Yes</a>
  <a href="index.html" data-role="button">No</a>
</div>

: http://jquerymobile.com/demos/1.0b1pre/#/demos/1.0b1pre/docs/buttons/buttons-grouped.html

, . , , 100% .

+1
<div class="ui-grid-solo">
    <div class="ui-block-a">
         <input type="submit" name="Action" value="Register" data-theme="b"/>
    </div>
</div

+1

firebug, , .

data-type="horizontal" div .

0

2,

<div style="float:left; " >  
<div style="float:right;" >
0

More articles:


All Articles