Я хотел бы иметь более одной кнопки в правой части панели заголовка. docs говорят, что вы можете настроить DIV, но когда я это делаю, кнопки не имеют нормального стиля. Любые советы?
Несколько кнопок в правой части заголовка
Ответ 1
Я видел это в нижнем колонтитуле (Shown Here), может дать вам идею для заголовка или панели инструментов
Ответ 2
В приведенном выше примере помещается больше, чем в заголовок, но все они расположены слева от заголовка. Я думаю, вы можете сгруппировать свои кнопки в контрольной группе и поместить элемент управления в группу справа от заголовка. Может быть, что-то вроде этого:
<div data-type="horizontal" data-role="controlgroup" class="ui-btn-right"> //have your button here </div>
Надеюсь, что это поможет.
Ответ 3
Вот как я это сделал, кажется чистым.
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;
}
Ответ 4
Вы можете использовать класс сетки.
<div class="ui-grid-a ui-btn-right">
<div class="ui-block-a" ><a href="#" data-role="button" data-inline="true" >Button1</a></div>
<div class="ui-block-b" ><a href="#" data-role="button" data-inline="true" >Button2</a></div>
</div>
Ответ 5
<a href="#" class="ui-btn-right ui-btn ui-btn-up-a ui-btn-icon-left
ui-btn-corner-all ui-shadow" data-rel="back" data-icon="cancel"
data-theme="a">
<span class="ui-btn-inner ui-btn-corner-all">
<span class="ui-btn-text">Cancel</span>
<span class="ui-icon ui-icon-arrow-l ui-icon-shadow"></span>
</span>
</a>