Как разместить заголовок в строке заголовка диалога jquerymobile? - PullRequest
Новая
       0

Как разместить заголовок в строке заголовка диалога jquerymobile?

0 голосов
/ 23 января 2012

Я использую jquery mobile для разработки веб-приложений, я использовал jQM-SimpleDialog ( jQM-SimpleDialog ), чтобы показать сообщение пользователю. Строка моего сообщения усечена. Как показать полное предложение? Я получил этот вывод в iPhone enter image description here

Но я хочу показать это сообщение: «Пожалуйста, заполните форму правильно.»

Спасибо

- regeint

Ответы [ 2 ]

1 голос
/ 23 января 2012

То, что обрезает заголовок, это поля слева и справа.Они установлены достаточно большими, чтобы не допускать перекрытия заголовка и каких-либо кнопок в заголовке.

Вы можете попробовать немного CSS, как это: 

.ui-dialog .ui-header h1 {
    margin-left  : 30px;
    margin-right : 0px;
}

Это может привести к центрированиюназвание, но я не использовал плагин jQM-SimpleDialog, поэтому я не уверен, что он добавляет к миксу.

Вот демонстрация приведенного выше кода: http://jsfiddle.net/Y75dE/

0 голосов
/ 23 января 2012

Это можно сделать с помощью CSS.

Назначить класс для div / dialog.

Пример: 

<div class="mydialog"/>

Поместить приведенный ниже фрагмент кода CSS вCSS-файл и включите его в заголовок.

Добавьте класс в файл CSS. 

.mydialog  {
    margin-left  : 20px;
    margin-right : 1px;
}

Это должно помочь вам настроить левое и правое в соответствии с вашими требованиями.

...