Multiple buttons on right hand side of Header

Question

I would like to have more than one button on the right side of the Header bar. The docs say you can customize using a DIV, but when I do that the buttons do not have their normal style. Any advice?

Answer 1

The above example puts more than buttons on the header but they are all positioned to the left of the header. I think you can group your buttons in a controlgroup and position the control the group to the right of the header. Maybe something like this:

    <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">        //have your button here   </div>

Hope this helps.

Answer 2

This is how I did it, seems clean.

HTML

<div id="myHeader" data-role="header" data-theme="a">     <span class="ui-title"></span>     <div class="ui-btn-right">         <a id="myButton1" class="headerButton" href="#" data-role="button"></a>         <a id="myButton2" class="headerButton" href="#" data-role="button"></a>     </div> </div> 

CSS

.headerButton {     float: left;     margin-right: 5px!important; }