Question

JQueryMobile offers the capability to group buttons either horizontally:

BtnA | BtnB

or vertically:

BtnA
----
BtnB

via the controlgroup configuration.

Is the following set up, involving both horizontal and vertical placement, possible:

BtnA | BtnB
-----------
BtnC | BtnD

If yes, how? Any alternatives to controlgroup in this case?

Answer 1

Try Using JQM content grid Like this:

        <div class="ui-grid-a">
            <div class="ui-block-a"><button type="button" data-theme="c">Previous</button></div>
            <div class="ui-block-b"><button type="button" data-theme="c">Next</button></div>      
            <div class="ui-block-a"><button type="button" data-theme="c">Previous</button></div>
            <div class="ui-block-b"><button type="button" data-theme="c">Next</button></div>     
        </div>

Heres a demo: http://jsfiddle.net/ashanova/kkf9w/

Heres the JQM docs: http://jquerymobile.com/test/docs/content/content-grids.html