Страница 2 из 9

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

Добавлено: Ср фев 07, 2018 3:50 pm
Teacher_77
nick7zmail писал(а):
Teacher_77 писал(а):Коллеги, а кто знает как присобачить на кнопки иконки вместо надписей?
Примерно так http://demos.jquerymobile.com/1.4.5/icons/ (внизу страницы примеры с кнопками).
Ндя... Походу в потроха надо лезть, там везде какой-то код, то html то css...
Мне то всего и надо что сделать кнопки для управления жалюзи: вверх, вниз, стоп

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

Добавлено: Ср фев 07, 2018 4:05 pm
nick7zmail
Почему в потроха...создайте пустой html-элемент, и код закиньте

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

<a href="index.html" class="ui-btn ui-shadow ui-corner-all ui-icon-delete ui-btn-icon-notext">Delete</a>
(это пример с той страницы) - должна быть кнопочка без надписи. На OnClick только действие повесить какое нить - и готово. В потроха - это скорее второй мой ответ про темы...вот там да, в ядре системы изменения.

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

Добавлено: Ср фев 07, 2018 5:22 pm
VooDooN
Teacher_77 писал(а):Ндя... Походу в потроха надо лезть, там везде какой-то код, то html то css...
Мне то всего и надо что сделать кнопки для управления жалюзи: вверх, вниз, стоп
Я для управление камерой через меню, чтобы не заморачиваться с картинками стрелочек, использовал просто знаки больше, меньше и спецсимволы &#x2227; и &#x2228;

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

<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
Cam.PNG (88.1 КБ) 6488 просмотров

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

Добавлено: Ср фев 07, 2018 5:49 pm
nick7zmail
Ну стандартные тож неплохо смотрятся)))
1.jpg
1.jpg (2.76 КБ) 6478 просмотров

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

<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>
 

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

Добавлено: Ср фев 07, 2018 9:13 pm
Teacher_77
Спасибо всем - заработало!

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

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

Добавлено: Ср фев 07, 2018 9:56 pm
skysilver
Teacher_77 писал(а):Как повесить действие на OnClick не нашел пока.
По аналогии

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

<button   style="width:80px;height:30px" class="#" onclick='callMethod("LGTV.buttonCHUP");'>
Тут еще можно посмотреть для расширения сознания. ))
https://majordomo.smartliving.ru/forum/ ... =23&t=3960

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

Добавлено: Чт фев 08, 2018 8:54 am
Amarok
VooDooN писал(а):Вчера поставил себе цель разобраться, как же изменить оформление главного меню
Opera Снимок_2018-02-08_105015_192.168.0.251.png
Opera Снимок_2018-02-08_105015_192.168.0.251.png (29.89 КБ) 6398 просмотров
Где можно уменьшить размер иконок и убрать отступы от краёв (padding который)? Я давно себе отступы убирал, но сейчас уже не помню где именно.

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

Добавлено: Чт фев 08, 2018 8:56 am
Amarok
VooDooN писал(а):Вчера поставил себе цель разобраться, как же изменить оформление главного меню. В результате, получилось изменить тему оформления через ThemeRoller For jQueryMobile (http://themeroller.jquerymobile.com/).
А туда можно текущую тему "вгрузить" для перекраски под себя?

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

Добавлено: Чт фев 08, 2018 11:29 am
VooDooN
Amarok писал(а):
VooDooN писал(а):Вчера поставил себе цель разобраться, как же изменить оформление главного меню. В результате, получилось изменить тему оформления через ThemeRoller For jQueryMobile (http://themeroller.jquerymobile.com/).
А туда можно текущую тему "вгрузить" для перекраски под себя?
Если "накатили" jQueryMobile 1.4.5, как я писал выше, то достаточно открыть в блокноте файл MyTheme.css, скопировать текст в буфер, а потом на сайте http://themeroller.jquerymobile.com/ нажать на Import и вставить из буфера текст в большое поле. И заипортить его. Можно перекрашивать. А вот как редактировать на сайте стандартные темы MajorDoMo, я так и не понял.
Про отступы и размер картинок пока ответа у меня нет, еще не пробовал.

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

Добавлено: Чт фев 08, 2018 1:37 pm
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
Opera Снимок_2018-02-08_154641_192.168.0.251.png (23.66 КБ) 6318 просмотров