Как установить разрешение мнемосхемы (экрана)?

aurodionov

Сменить фон: кликаешь по пустому месту ,появится настройки/ та есть бекграунд и имедж/ я прописывал путь до картинки и она появилась

Попробовал создать новую страницу , достаточно просто имедж прописать ,выдрал с какойто страницы по дефолту ,что значат остальные цифры хз.

url(http://192.168.55.180:8082/vis/img/back/Noise.png), radial-gradient(50% 105.41% at 50% 350px, rgb(66, 140, 189) 0px, rgb(39, 98, 134) 20%, rgb(34, 78, 114) 33%, rgb(0, 3, 41) 100%)

а да ,картинку докинул в папку по пути /opt/iobroker/iobroker-data/files/vis/img/back/
51____.png

aurodionov

Разрешение менять тут
51___________.png

electric69

~~@aurodionov:~~

Сменить фон: кликаешь по пустому месту ,появится настройки/ та есть бекграунд и имедж/ я прописывал путь до картинки и она появилась

странно не могу прикрепить картинку `
Мне не нужна картинка на фоне, нужна просто однородная заливка.

Разобрался - надо выбирать не "No_background", а самую первую строчку - "По умолчанию".
~~@aurodionov:~~

Разрешение менять тут `
Спасибо, после DashUI как то не привычно((

aurodionov

~~@electric69:~~

Спасибо, после DashUI как то не привычно(( `

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

виз увидел в живую только вчера ,был дохлый неттоп на котором всё крутится

малость не по теме , надо создать ветку на форуме куда можно складывать ресурсы , картинки фона,иконки коих надёргал с апк кучу, звуки и тд

Bluefox

> надо создать ветку на форуме куда можно складывать ресурсы , картинки фона,иконки коих надёргал с апк кучу, звуки и тд
Поддерживаю.

В vis появилось много новых возможностей. Например

импорт/экспорт виджетов, как в node-red
Templating: в любом поле (не ObjectID) можно использовать "{objectID}" и таким образом из обычного basic - HTML сделать свой собственный виджет. (Описание - https://github.com/ioBroker/ioBroker.vi … of-objects)Например вот -

! ````
[
{
"tpl": "tplHtml",
"data": {
"visibility-cond": "==",
"visibility-val": 1,
"refreshInterval": "0",
"html": "{p:benzinPreis;(Math.floor(parseFloat(p) * 100) / 100).toString().replace('.', ',')}<sup>{p:benzinPreis;((p * 1000) % 10)}</sup> €"
},
"style": {
"left": "122px",
"top": "44px",
"width": "247px",
"height": "36px"
},
"widgetSet": "basic"
},
{
"tpl": "tplJquiInput",
"data": {
"oid": "benzinPreis",
"visibility-cond": "==",
"visibility-val": 1,
"label": "Benzinpreis: ",
"digits": "3",
"size": "14"
},
"style": {
"left": "26px",
"top": "7px",
"width": "276px",
"height": "29px"
},
"widgetSet": "jqui"
}
]

Это надо экспортировать

- фильтр виджетов(завтра)

aurodionov

Малость разобрался(вроде) как вешать свою картинку на фон .

Нужен только путь до картинки, в списке ставлю нет фона_настроить, иначе прои перезагрузке страницы проскакивает другой фон.

Путь вписывать в поле имедж. Строчка сверху подсунет тот-же путь (вот ток перед ним ставит зачем-то rgb_цвет, его удаляю)
51_fon.png
327_vmware_esxi.jpg

electric69

~~@aurodionov:~~

Малость разобрался(вроде) как вешать свою картинку на фон .

Нужен только путь до картинки, в списке ставлю нет фона_настроить, иначе прои перезагрузке страницы проскакивает другой фон.

Путь вписывать в поле имедж. Строчка сверху подсунет тот-же путь (вот ток перед ним ставит зачем-то rgb_цвет, его удаляю) `
Чот подозрения - может правильнее прописывать локальный путь? Без http и бла-бла-бла…

aurodionov

~~@electric69:~~

Чот подозрения - может правильнее прописывать локальный путь? Без http и бла-бла-бла… `

Есть такое дело, написал как заработало.

Какой путь задавать так толком и не допёр, не хватает в настройках кнопки по которой можно просто мышом выбрать путь .

aurodionov

Криво работает способ. При рестарте iobroker всё слетает.

Bluefox, покажи как правильно подключать свой фон.

Для примера картинка во вложении, тёмный текстурный фон, мож кому приглянётся.

https://yadi.sk/i/-hBk8XlTgZk8S

https://yadi.sk/i/RthvfXRWXxi5J

До кучи вопрос, что значит звёздочка справа от полей?
51_star.png

electric69

~~@aurodionov:~~

До кучи вопрос, что значит звёздочка справа от полей? `
Это вроде копировать свойство на другие объекты, аналог кнопки в ворде "формат по образцу", вроде бы))

Bluefox

~~@electric69:~~

~~@aurodionov:~~

До кучи вопрос, что значит звёздочка справа от полей? Это вроде копировать свойство на другие объекты, аналог кнопки в ворде "формат по образцу", вроде бы))
Верно.

У меня (chrome) заработало так:

background: [очистить]

background-image: url(http://www.hdwallpapersn.com/wp-content/uploads/2015/04/background_image_9.jpg)

aurodionov

~~@Bluefox:~~

У меня (chrome) заработало так:

background-image: url(http://www.hdwallpapersn.com/wp-content/uploads/2015/04/background_image_9.jpg)
```` `

У меня тоже хром, так-же подгружаю, ток слетает иногда, переодичность не понятна и причина пока тоже

Bluefox

Ну вообще-то это трюк с фоном.

Я всегда советую взять basic-image и использовать его.

aurodionov

~~@Bluefox:~~

Ну вообще-то это трюк с фоном.

Я всегда советую взять basic-image и использовать его. `
А как его смаштабировать в размер экрана устройства, желательно автоматом, или ток ручками подгонять.

basic-image, это картинка которая в папке по пути /vis/img/back/название.расширение, я правильно понимаю.

Тогда как его задать?

А так с урл фишка ,можно менять фон в зависимости от условий,подгружая разные картинки.

aurodionov

Странное, не могу понять как так и куда копать.

добавляю фон имедж-урл.бла -бла, в редакторе видно как поменялся, а перехожу на созданную страничку тишина.

До кучи странность с некоторыми иконками, длч примера камера.

Хелп …..,глюк в аттаче.
51_vvis.png

Bluefox

~~@aurodionov:~~

Странное, не могу понять как так и куда копать.

добавляю фон имедж-урл.бла -бла, в редакторе видно как поменялся, а перехожу на созданную страничку тишина.

До кучи странность с некоторыми иконками, длч примера камера.

Хелп …..,глюк в аттаче. `
Ты бы сделал экспорт view…

А картинку растянуть можно так:

[
  {
    "tpl": "tplImage",
    "data": {
      "visibility-cond": "==",
      "visibility-val": 1,
      "refreshInterval": "0",
      "refreshOnWakeUp": "false",
      "refreshOnViewChange": "false",
      "src": "http://www.psdgraphics.com/wp-content/uploads/2014/02/colorful-triangles.jpg",
      "stretch": true
    },
    "style": {
      "left": "0px",
      "top": "0px",
      "width": "100%",
      "height": "100%",
      "z-index": "0"
    },
    "widgetSet": "basic"
  }
]

aurodionov

Как-то так .````
{
"settings": {
"style": {
"background-image": "url(http://192.168.55.180:8082/vis/img/back/black.png)",
"color": "rgb(3rgb(255, 255, 255)4, 34, 34)",
"background": "",
"background_class": "hq-no-background-edit",
"background-color": ""
},
"theme": "dark-hive",
"sizex": "",
"sizey": "",
"hideDescription": false,
"gridSize": ""
},
"widgets": {
"e00001": {
"tpl": "tplBarNavigator",
"data": {
"buttonsImage1": "",
"buttonsText1": "Home",
"buttonsOption1": "Home",
"buttonsImage2": "",
"buttonsText2": "Light",
"buttonsOption2": "Light",
"buttonsImage3": "",
"buttonsText3": "Control",
"buttonsOption3": "Control",
"buttonsImage4": "",
"buttonsText4": "Camers",
"buttonsOption4": "Camers",
"buttonsImage5": "",
"buttonsText5": "Info",
"buttonsOption5": "Info",
"bCount": 5,
"visibility-cond": "==",
"visibility-val": 1,
"bTheme": "",
"bPosition": "floatHorizontal",
"bSpace": "5",
"bRadius": "5",
"bOffset": "0",
"bTextAlign": "center",
"bImageAlign": "right",
"bLayout": "auto",
"bShowEffect": "show",
"bShowEffectMs": "100",
"bHideEffect": "show",
"bHideEffectMs": "100",
"alwaysOpened": false,
"views": [
"Light",
"Control",
"Camers",
"Info"
],
"bStyleNormal": "hq-button-base-normal",
"bStyleNormalHover": "hq-button-base-normal",
"bStyleActive": "hq-button-base-normal",
"bStyleActiveHover": "hq-button-base-normal"
},
"style": {
"left": "3px",
"top": "665px",
"width": "1018px",
"height": "47px",
"overflow-x": "",
"border-width": "",
"border-style": "",
"border-radius": "",
"text-align": "center",
"font-family": "Georgia, "Times New Roman", Times, serif",
"background-clip": "",
"background-attachment": "",
"background": "",
"overflow-y": "",
"background-repeat": ""
},
"widgetSet": "bars"
}
},
"name": "Light",
"rerender": false,
"filterList": []
}

aurodionov

как-то не очень с картинкой получилось, но идея понятна, она почему-то не бакграундом встает а перекрывает вообще все

хочется таки бакграунд ,типа как синенькие цветочки сделаны, токо свой

посмотрел /opt/iobroker/iobroker-data/files/vis/img/back/малость картинок.*

сижу чешу репу, на ccu.io я как-то подсовывал фоновую картинку ,то-ли заменой то-ли просто она нормально подхватилась после закидывания в папку

тут не проходит такая штука

electric69

~~@aurodionov:~~

как-то не очень с картинкой получилось, но идея понятна, она почемуто не бакграундом встает а перекрывает вообще все

хочется таки бакграунд ,типа как синенькие цветочки сделаны, токо свой `
Может просто переместить картинку назад относительно всего остального?

Bluefox

~~@aurodionov:~~

как-то не очень с картинкой получилось, но идея понятна, она почему-то не бакграундом встает а перекрывает вообще все

хочется таки бакграунд ,типа как синенькие цветочки сделаны, токо свой

посмотрел /opt/iobroker/iobroker-data/files/vis/img/back/малость картинок.*

сижу чешу репу, на ccu.io я как-то подсовывал фоновую картинку ,то-ли заменой то-ли просто она нормально подхватилась после закидывания в папку

тут не проходит такая штука `
на DashUI ты картинку первой создал. Вот она и рисовалась ниже всех.

Сделай так. Удали картинку. Нажми Ctrl-A (выделить всё) и установи z-index 1.

Потом создай картинку и она появится подо всеми.

Community Forum

NEWS

Как установить разрешение мнемосхемы (экрана)?

Support us

655

32.5k

81.7k

1.3m