Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Русский
    3. ioBroker
    4. Визуализация
    5. DashUI и другие дополнения визуализации
    6. Вопросы создания интерфейса в DashUI

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    Вопросы создания интерфейса в DashUI

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

      @skifer:

      Фон страницы стабильно блэк установить как-то можно, без градиентов? Придумал только натянуть картинку с блэк заливкой. `
      48_back.png
      @skifer:

      Как можно жёстко задать границы страницы. Выставляю шаблоном ipad, открываю в ipad'e и могу сдвигать всё окно вправо и вижу кнопку РЕДАКТИРОВАТЬ. Не айс. `
      Можно только нарисовать границы. Выход только один: не рисовать за границами экрана ничего.

      Ну или танцы с бубном и перeгрузить css дляв css/dashui-user.css

      #dui_container {
          overflow: hidden;
      }
      body {
          overflow: hidden;
      }
      
      
      1 Reply Last reply Reply Quote 0
      • aurodionov
        aurodionov last edited by

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

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

          @aurodionov:

          Bluefo, подскажите куда дашь складывает странички , ошибся с меню ,теперь не могу зайти в редактирование `
          В URL index.html поменяйте на edit.html перед символом "?"

          Смотри на http://www.youtube.com/watch?v=SztQvWVttnM&list=PLhZP6yZlpKQ_MLdWUIs-dKBhqxBJAT4Jz по временной линейке на 18.35.

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

            Это да, так и редактировал. Напутал со ссылками не могу зайти.

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

              http://ipaddr:8080/dashui/edit.html

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

                не все так просто , есть гуй для двух девайсов

                1. http://192.168.55.180:8080/dashui/edit.html?phone#home - работает

                2. http://192.168.55.180:8080/dashui/edit.html#Home - не заходит ,не даёт редактировать

                причём http://192.168.55.180:8080/dashui/index.html#Home заходит и щёлкает кнопки ,обновляет инфу

                как победить

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

                  Скорее всего там JavaScript ошибка. Можешь прислать мне snapshot я смогу ошибку воспроизвести. http://dashui.ccu.io/#manual

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

                    Вобщем проблема решилась после полной перезагрузки машины на которой установлена система.

                    Что это было так и не понял.

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

                      Оставлю себе памятку, если не редактируется дашь

                      идём /ccu.io/datastore

                      находим два файла

                      dashui-views.json , dashui-views.json.bak в них лежат профили для отображения на устройствах ,если устройств больше одного будут и другие файлы

                      делаем копию и прибиваем

                      кидаем с резервной копии или с чистой установки - 🙂 вуаля

                      недастаток прийдётся ваять все по новой или с последнего сохранения

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

                        Как отображать динамическую картинку?

                        Есть переменная, она может принимать значения green/yellow/red.

                        В директорию /dashui/img скопировал иконки png с именами system_green.png, system_yellow.png, system_red.png.

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

                        Пробовал модуль basic - val String (unescaped), при этом "html_prepend= "html_append=.png>" и сама переменная принимает значения соотв. цвета - но так не работает почему то((

                        Есть еще виджет basic - String img src, но в этом случае в переменной надо передавать полный путь, а не только цвет. Такое решение не нравится, хотелось бы подставлять как описал выше…

                        Что посоветуете?

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

                          @electric69:

                          Как отображать динамическую картинку?

                          Есть переменная, она может принимать значения green/yellow/red.

                          В директорию /dashui/img скопировал иконки png с именами system_green.png, system_yellow.png, system_red.png.

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

                          Пробовал модуль basic - val String (unescaped), при этом "html_prepend= "html_append=.png>" и сама переменная принимает значения соотв. цвета - но так не работает почему то((

                          Есть еще виджет basic - String img src, но в этом случае в переменной надо передавать полный путь, а не только цвет. Такое решение не нравится, хотелось бы подставлять как описал выше…

                          Что посоветуете? `
                          Для таких целей существует ValueList HTML 8. Для этого переменную из "green/yellow/red" нужно переделать в "0/1/2" (например в скрипте) и для значений пишут "" и т.д.

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

                            @Bluefox:

                            @electric69:

                            Как отображать динамическую картинку?

                            Есть переменная, она может принимать значения green/yellow/red.

                            В директорию /dashui/img скопировал иконки png с именами system_green.png, system_yellow.png, system_red.png.

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

                            Пробовал модуль basic - val String (unescaped), при этом "html_prepend= "html_append=.png>" и сама переменная принимает значения соотв. цвета - но так не работает почему то((

                            Есть еще виджет basic - String img src, но в этом случае в переменной надо передавать полный путь, а не только цвет. Такое решение не нравится, хотелось бы подставлять как описал выше…

                            Что посоветуете? Для таких целей существует ValueList HTML 8\. Для этого переменную из "green/yellow/red" нужно переделать в "0/1/2" (например в скрипте) и для значений пишут "![](/dashui/img/state/system_green.png)" и т.д.
                            Я воспользовался модулем "basic val - String img scr" и передаю ему строчку с полным путем до иконки. Получилось как костыль (лишняя переменная), но работает.

                            1 Reply Last reply Reply Quote 0
                            • B
                              bzaugolnov last edited by

                              Подскажите, каким элементом DashUI можно воспользоваться для реализации следующей задумки:

                              Есть клапан, который можно открывать / закрывать. У него есть состояния открыт/закрыт/закрывается/открывается (есть датчики).

                              Хотелось чтобы в dushUI это выглядело в виде кнопки "Открыть" (если состояние "Закрыт") , при нажатии на которую она запускала бы сценарий открытия, а когда клапан полностью откроется, кнопка меняла бы надпись на "Закрыть". А при последующем нажатии запускался бы сценарий закрытия.

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

                              Support us

                              ioBroker
                              Community Adapters
                              Donate

                              620
                              Online

                              31.8k
                              Users

                              80.0k
                              Topics

                              1.3m
                              Posts

                              5
                              27
                              16013
                              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