Pulsanti orizzontali a tutta larghezza con jquery mobile?

Question

In Jquery mobile, posso avere raggruppato i pulsanti orizzontali, ma il gruppo non prende larghezza al 100%.

Ho provato ad aggiungere una classe che imposta width:100% ma che non ha funzionato.

Come posso farlo?

Grazie!

Aggiornamento + Possibile correzione: Sembra che non funzionasse perché utilizzavo esplicitamente width="50%" in entrambi i pulsanti. Ho fatto 45% e la misura. Probabilmente alcuni margini che hanno i pulsanti?

codice sorgente con la correzione applicata: http://pastebin.com/ZXDNfAU1

Answer 1

<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> 

Sopra lo farà se non è in un elemento piè di pagina o di intestazione. Due griglie di colonne sono qui: http://view.jquerymobile.com/master/demos/grids-buttons/

Non so come realizzarlo all'interno del footer

Answer 2

Ispezionare con Firebug per vedere che cosa sta causando loro di visualizzare male.

E aggiungere data-type="horizontal" al div del gruppo di controllo nelle origini.

Answer 3

<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> 

ho avuto codice di cui sopra dalla documentazione: http://jquerymobile.com/demos/1.0b1pre/#/demos/1.0b1pre/docs/buttons/buttons-grouped.html

ho provato io stesso e funziona perfettamente. Si ottengono 2 pulsanti affiancati che si espandono per riempire il 100% dello schermo.

Answer 4

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

Questo funziona

Answer 5

Se volete orizzontale 2 pulsante potrebbe essere possibile utilizzare

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