GyverPortal - простой конструктор веб интерфейса.

[ArtemArable]

Блок для настройки страницы: цвета фона , высоту и цвет и стиль шрифтов и тп
Настройки страницы BODY.flp
Ставьте блок add.BODY(......) после add.THEME(......);
Для фона создайте дополнительно сами классы с нужными цветами в файле themes.h
".backgroundgreen_4CAF50 {background-color:#4CAF50!important;}\n"
меняя эти выделенные названия и хекс код цвета.
Библиотеку с последними изменениями выложу в первую тему 6 версия.

Отправлено спустя 11 минут :
Всё на этом нужно остановиться, думаю. Что то затянуло. Эстафету примите

Жаль. Моих знаний не хватит на весь охват.

[aidar_i]

Жаль. Моих знаний не хватит на весь охват

Хватит. Это нужно делать, если Вам нужен другой цвет, кроме находящихся в библиотеке.
Просто откройте вышеуказанный файл в notepad++, найдите темной или в светлой теме такую строку, скопируйте и вставьте ниже, его то будете изменять, например, цвет светлее сделаем, пишем вместо выделенного кода, можно отсюда https://colorscheme.ru/html-colors.html , greenyellow и #ADFF2F.
И соохраните файл.

[Rovki]

Совершенству нет предела ,в отличии от жизни человека

[ArtemArable]

Блок для настройки страницы: цвета фона , высоту и цвет и стиль шрифтов и тп
Настройки страницы BODY.flp
Ставьте блок add.BODY(......) после add.THEME(......);
Для фона создайте дополнительно сами классы с нужными цветами в файле themes.h
".backgroundgreen_4CAF50 {background-color:#4CAF50!important;}\n"
меняя эти выделенные названия и хекс код цвета.
Библиотеку с последними изменениями выложу в первую тему 6 версия.

Отправлено спустя 11 минут :
Всё на этом нужно остановиться, думаю. Что то затянуло. Эстафету примите

Жаль. Моих знаний не хватит на весь охват.

Я про доводку основных блоков имел ввиду. Красота для меня на третьем месте после надежност и функциональности.

[aidar_i]

Ааа, Вы на счёт этого, найдется человек, который воплотит в новом редакторе. По возможности, конечно постараюсь, что то делать, но времени будет мало. Я, главное, дал наработки, развивать и переделывать будет уже легче. У одного форумчанина, например, есть идея, чтобы порядок компиляции не зависел от очереди вытаскивания блоков.

[ArtemArable]

1. Планируете Вы как автор дополнить блоки входами предустановки? Пример выложил выше. В практике необходимо для сохранения настроек.

Вот блок для слайдера, подправил Вашу. Да, нужно все аналогично сделать, может поможете?
Слайдер со стартовым значением.flp
Удалите в ПБ и добавьте эту.

Я занимаюсь. Как закончу или упрусь - скину Вам.

Отправлено спустя 2 часа 4 минуты 36 секунд:
Есть затруднение с Date и Time. Выход типа String, но в библиотеке привязывается к структуре GPtime.

[aidar_i]

Блок для настройки страницы: цвета фона , высоту и цвет и стиль шрифтов и тп
Настройки страницы BODY.flp
Ставьте блок add.BODY(......) после add.THEME(......);
Для фона создайте дополнительно сами классы с нужными цветами в файле themes.h
".backgroundgreen_4CAF50 {background-color:#4CAF50!important;}\n"
меняя эти выделенные названия и хекс код цвета.
Библиотеку с последними изменениями выложу в первую тему 6 версия.

С помощью этого блока можно вставить фоном любое изображение свое или с интернета. Если свое, то нужно не очень большой файл, его нужно конвертировать в код, как в блоке вставки изображения.
С интернета - вставить ссылку на изображение в файле themes.h в этих строках (можно их вставить в файл и изменить имя класса и ссылку на картинку.

//рисунок фона по ссылке, три строки вставлять и изменить название класса и поставить свою ссылку.
".backgroundimage1{background: url(https://cdn.pixabay.com/photo/2018/04/3 ... 60_720.jpg) !important;"
"background-repeat: no-repeat !important;background-position: center center !important;background-attachment: fixed !important;"
"-webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover !important;background-size: cover !important;}\n"

Установка картинки с интернета фоном страницы.flp

Попробуйте в параметрах настройки поставить backgroundimage, backgroundimage1,2,3.
Замените этот файл в библиотеке, там созданы классы под картинки backgroundimage(простой маленький рисунок размножается и заполняет страницу), backgroundimage1,2,3(растягивается по странице).

themes.h

[spoiler]

Фон картинкой1.png

[/spoiler]
[spoiler]

Фон картинкой.png

[/spoiler]

[aidar_i]

Запустил многостраничность

GyverPortal многостраничностьESP8266.flp

Пример с двумя страницами , кнопка для перехода на другую страницу. Чтобы перейти из белой темы (стр 2) на черную(стр1) нажмите 2 раза.
Блоками из примера замените блоки в ПБ.

[aidar_i]

Обновил блоки и библиотеку в первом сообщении.
Создал блоки для вывода графиков в разделе режима Обновления.
Далее постараюсь сделать примеры по использованию блоков и снять видео.

[Imran]

https://prnt.sc/MiGW0jy7OTTf появляется вот такая ошибка

[aidar_i]

https://prnt.sc/MiGW0jy7OTTf появляется вот такая ошибка

Параметр Настройка не имеет класс Privet, его вставьте в Параметр Текст. Что входит в Настройка смотрите описание блока. Проверил , компилируется.
Скачайте последние блоки и библиотеку(можно сказать, стабильная версия), придется пересобрать проект.

[Imran]

Объясните пожалуйста что не так делаю.Я понимаю что проблема во мне, большинство блоков у меня выходят с одинаковой ошибкой, направьте меня на мою ошибку.

Обновил блоки и библиотеку в первом сообщении

07 июн 2022 11:51

Скачайте последние блоки и библиотеку

перед тем как начать удалил все старое , время сборки 07 июн 2022 18:17

ошибка похоже та же самая
https://prnt.sc/C_nPY9yWC7Cd

Может построение и очередность не правильная ?
проект

752_W_D1_M_P_v_2.flp

[aidar_i]

Лучше сделать так, тело программы расположить выше блоков портала.

752_W_D1_M_P_v_3.flp

А то сетап дисплея оказывается внутри build()
У меня не заработала точка доступа, работает , если только убрать блоки дисплея, пока не могу разобраться, почему. Портал работает без дисплея.
Asoled перестал работать с ЕСП8266 через вайфай.

Отправлено спустя 1 час 40 минут 42 секунды:

ошибка похоже та же самая

Пока поставьте блоки для дисплея из другой библиотеки

[Imran]

Может я не правильно настраиваю блоки ? включить отключить что то работает, а вывод не работают и еше сам контроллер Wemos D1 Mini Pro а я пишу на Wemos D1 Mini , это серьёзную роль играет ??

Пока поставьте блоки для дисплея из другой библиотеки

вообще удалил блоки дисплея

https://prnt.sc/doRiJUOcG0uP

вот проект

752_W_D1_M_P_v_4.flp

[aidar_i]

Может я не правильно настраиваю блоки ? включить отключить что то работает, а вывод

У Вас стоят 2 библиотеки старой версии, удалите их все. В ошибках путь написана, где находятся библиотеки. Потом установите GyverPortal_mod7

Отправлено спустя 7 минут 28 секунд:

Wemos D1 Mini Pro а я пишу на Wemos D1 Mini , это серьёзную роль играет ??

Нет, в иде поставьте про, если и не поставите, все равно будет работать, только как простой вемос.

[Imran]

GyverPortal_mod7

название должен быть GyverPortal_mod7 ? или GyverPortal_mod ?

[aidar_i]

GyverPortal_mod7

название должен быть GyverPortal_mod7 ? или GyverPortal_mod ?

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

[Imran]

Спасибо заработало

У Вас стоят 2 библиотеки старой версии, удалите их все. В ошибках путь написана, где находятся библиотеки. Потом установите GyverPortal_mod7

Просто так закинул блоки что бы понять как работает GyverPortal_mod7, Вы писали соблюдать очередность блоков, тот блок который в Флпрог второй https://prnt.sc/Kj17u5PklFhk но в браузере он девятый https://prnt.sc/Znx0DiXTvHp9
и многие в разброску стоят не как в Флпрог

Что я не правильно понял?

[aidar_i]

Что я не правильно понял?

Очередность вытаскивания блоков- вот порядок расположения компонентов в браузере! А не как они расположены в программе! Какой блок вытащил раньше, тот и выше. Если его даже перетащишь ниже, все равно он будет на своем прежнем месте.
Но если расположите каждый блок на своей плате, то порядок компиляции будет как в проекте.

[Imran]

Очередность вытаскивания блоков- вот порядок расположения компонентов в браузере!

Все ТИП ТОП СПАСИБО