Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Русский
    3. ioBroker
    4. Визуализация
    5. ioBroker.vis Драйвер
    6. Как установить разрешение мнемосхемы (экрана)?

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

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

    This topic has been deleted. Only users with topic management privileges can see it.
    • E
      electric69 last edited by

      В CCU.IO (dashui) на вкладке "Разное" можно было выставить размер экрана, где эта настройка в VIS-адаптере iobroker?

      Попутно хотел спросить, если мне надо выставить бэкграунд страницы не из темы, а просто цвет - какие действия?

      Делаю страничку DemoView, в настройках бэкграунда выбираю - none, цвет выбираю и ничего не происходит((
      50_pic_111.jpg
      1342_bildschirmfoto_2017-02-25_um_14.05.33.png
      1342_bsz.txt

      1 Reply Last reply Reply Quote 0
      • aurodionov
        aurodionov last edited by

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

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

        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

        1 Reply Last reply Reply Quote 0
        • aurodionov
          aurodionov last edited by

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

          1 Reply Last reply Reply Quote 0
          • E
            electric69 last edited by

            @aurodionov:

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

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

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

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

            1 Reply Last reply Reply Quote 0
            • aurodionov
              aurodionov last edited by

              @electric69:

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

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

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

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

              1 Reply Last reply Reply Quote 0
              • Bluefox
                Bluefox last edited by

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

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

                • импорт/экспорт виджетов, как в node-red
                  48_import.png
                • 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"
                }
                ]

                Это надо экспортировать
                
                - фильтр виджетов(завтра)
                1 Reply Last reply Reply Quote 0
                • aurodionov
                  aurodionov last edited by

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

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

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

                  1 Reply Last reply Reply Quote 0
                  • E
                    electric69 last edited by

                    @aurodionov:

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

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

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

                    1 Reply Last reply Reply Quote 0
                    • aurodionov
                      aurodionov last edited by

                      @electric69:

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

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

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

                      1 Reply Last reply Reply Quote 0
                      • aurodionov
                        aurodionov last edited by

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

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

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

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

                        https://yadi.sk/i/RthvfXRWXxi5J

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

                        1 Reply Last reply Reply Quote 0
                        • E
                          electric69 last edited by

                          @aurodionov:

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

                          1 Reply Last reply Reply Quote 0
                          • Bluefox
                            Bluefox last edited by

                            @electric69:

                            @aurodionov:

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

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

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

                            background-image: url(http://www.hdwallpapersn.com/wp-content/uploads/2015/04/background_image_9.jpg)
                            
                            1 Reply Last reply Reply Quote 0
                            • aurodionov
                              aurodionov last edited by

                              @Bluefox:

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

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

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

                              1 Reply Last reply Reply Quote 0
                              • Bluefox
                                Bluefox last edited by

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

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

                                1 Reply Last reply Reply Quote 0
                                • aurodionov
                                  aurodionov last edited by

                                  @Bluefox:

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

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

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

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

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

                                  1 Reply Last reply Reply Quote 0
                                  • aurodionov
                                    aurodionov last edited by

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

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

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

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

                                    1 Reply Last reply Reply Quote 0
                                    • Bluefox
                                      Bluefox last edited by

                                      @aurodionov:

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

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

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

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

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

                                      [
                                        {
                                          "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"
                                        }
                                      ]
                                      
                                      1 Reply Last reply Reply Quote 0
                                      • aurodionov
                                        aurodionov last edited by

                                        Как-то так .````
                                        {
                                        "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": []
                                        }

                                        1 Reply Last reply Reply Quote 0
                                        • aurodionov
                                          aurodionov last edited by

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

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

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

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

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

                                          1 Reply Last reply Reply Quote 0
                                          • E
                                            electric69 last edited by

                                            @aurodionov:

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

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

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            845
                                            Online

                                            31.7k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            3
                                            27
                                            5529
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo