Интерфейс главного меню. Как это поправить?

[Teacher_77]

Коллеги, а кто знает как присобачить на кнопки иконки вместо надписей?

Примерно так http://demos.jquerymobile.com/1.4.5/icons/ (внизу страницы примеры с кнопками).

Ндя... Походу в потроха надо лезть, там везде какой-то код, то html то css...
Мне то всего и надо что сделать кнопки для управления жалюзи: вверх, вниз, стоп

[nick7zmail]

Почему в потроха...создайте пустой html-элемент, и код закиньте

Код: Выделить всё

<a href="index.html" class="ui-btn ui-shadow ui-corner-all ui-icon-delete ui-btn-icon-notext">Delete</a>

(это пример с той страницы) - должна быть кнопочка без надписи. На OnClick только действие повесить какое нить - и готово. В потроха - это скорее второй мой ответ про темы...вот там да, в ядре системы изменения.

[VooDooN]

Ндя... Походу в потроха надо лезть, там везде какой-то код, то html то css...
Мне то всего и надо что сделать кнопки для управления жалюзи: вверх, вниз, стоп

Я для управление камерой через меню, чтобы не заморачиваться с картинками стрелочек, использовал просто знаки больше, меньше и спецсимволы ∧ и ∨

Код: Выделить всё

<td><input id="btnleft" type="button" value="<" onClick="OnPtzMouseLeftGostGost()"/></td>
<td><input id="btnup" type="button" value="&#x2227;" onClick="OnPtzMouseUpGost()"/></td>
<td><input id="btndown" type="button" value="&#x2228;" onClick="OnPtzMouseDownGost()"/></td>
<td><input id="btnright" type="button" value=">" onClick="OnPtzMouseRightGost()"/></td> 

Получилось так:

Cam.PNG (88.1 КБ) 6484 просмотра

[nick7zmail]

Ну стандартные тож неплохо смотрятся)))

1.jpg (2.76 КБ) 6474 просмотра

Код: Выделить всё

<button class="ui-btn ui-shadow ui-corner-all ui-icon-carat-l ui-btn-icon-notext ui-btn-inline"></button>
<button class="ui-btn ui-shadow ui-corner-all ui-icon-carat-u ui-btn-icon-notext ui-btn-inline"></button>
<button class="ui-btn ui-shadow ui-corner-all ui-icon-carat-d ui-btn-icon-notext ui-btn-inline"></button>
<button class="ui-btn ui-shadow ui-corner-all ui-icon-carat-r ui-btn-icon-notext ui-btn-inline"></button>
 

[Teacher_77]

Спасибо всем - заработало!


Рано радовался - как теперь выполнять действия по "кнопкам", если они - строчки в HTML блоке?
В оригинальных кнопках и метод и сценарий и код...

Как повесить действие на OnClick не нашел пока.

[skysilver]

Как повесить действие на OnClick не нашел пока.

По аналогии

Код: Выделить всё

<button   style="width:80px;height:30px" class="#" onclick='callMethod("LGTV.buttonCHUP");'>

Тут еще можно посмотреть для расширения сознания. ))
https://majordomo.smartliving.ru/forum/ ... =23&t=3960

[Amarok]

Вчера поставил себе цель разобраться, как же изменить оформление главного меню

Opera Снимок_2018-02-08_105015_192.168.0.251.png (29.89 КБ) 6394 просмотра

Где можно уменьшить размер иконок и убрать отступы от краёв (padding который)? Я давно себе отступы убирал, но сейчас уже не помню где именно.

[Amarok]

Вчера поставил себе цель разобраться, как же изменить оформление главного меню. В результате, получилось изменить тему оформления через ThemeRoller For jQueryMobile (http://themeroller.jquerymobile.com/).

А туда можно текущую тему "вгрузить" для перекраски под себя?

[VooDooN]

Вчера поставил себе цель разобраться, как же изменить оформление главного меню. В результате, получилось изменить тему оформления через ThemeRoller For jQueryMobile (http://themeroller.jquerymobile.com/).

А туда можно текущую тему "вгрузить" для перекраски под себя?

Если "накатили" jQueryMobile 1.4.5, как я писал выше, то достаточно открыть в блокноте файл MyTheme.css, скопировать текст в буфер, а потом на сайте http://themeroller.jquerymobile.com/ нажать на Import и вставить из буфера текст в большое поле. И заипортить его. Можно перекрашивать. А вот как редактировать на сайте стандартные темы MajorDoMo, я так и не понял.
Про отступы и размер картинок пока ответа у меня нет, еще не пробовал.

[Amarok]

Убираем боковые отступы:

jquery.mobile.structure-1.4.5.cssSPOILER_SHOW

Код: Выделить всё

.ui-content {
    border-width: 0;
    overflow: visible;
    overflow-x: hidden;
    padding: .25em;
}
 

Padding и подбираем. У меня .025 (было 1)
Как видим, отступ по бокам стал меньше:

Opera Снимок_2018-02-08_154641_192.168.0.251.png (23.66 КБ) 6314 просмотров