ESPUI - веб-интерфейс из блоков для ESP8266, ESP32

[User8]

ESPUI - веб-интерфейс(dashboard) без необходимости изучения различных языков для создания web-страниц, сам моментально обновляется при изменение значений, без перезагрузки страницы.

Описание блоков:
Main: должен присутствовать в проекте всегда, в параметрах Main блока можно включить авторизацию и задать заголовок веб-интерфейса;
Tab - вкладка: размещается над блоками которым нужно попасть в эту вкладку, укажите нужный tabId в настройках, так же укажите этот же tabId у блоков которые должны быть в этой вкладке;
Slider: в настройках можно указать минимальное и максимальное значение для слайдера;
Switcher: переключатель, выход Status показывает актуальное состояние переключателя. При подаче единицы на вход UpdateValue, в веб-интерфейсе значение изменится, на то, что указанно на входе Value;
Label: вывод любого текста в web-интерфейс, при подаче единицы на вход UpdateText, строка будет обновлена в вебинтерфейсе на ту, что указана на входе Text. Если нужно перевести текст на следующую строку, используйте в строке тег <br> там где нужно перенести текст;
InputText: можно вводить любой текст в вебинтерфейсе, этот текст появится на выходе Text;
InputNumber: тоже самое что и блок InputText, только для ввода чисел.
Button: при нажатии будет единица на выходе Status;
Pad: колесо управления;
PadWithCenter: колесо управление с центральной кнопкой;

Расположение блоков в web-интерфейсе будет такое же, как вы расположите их в flprog.

Доступные цвета для блоков:
COLOR_TURQUOISE
COLOR_EMERALD
COLOR_PETERRIVER
COLOR_WETASPHALT
COLOR_SUNFLOWER
COLOR_CARROT
COLOR_ALIZARIN
COLOR_NONE

Пример проекта для демонстрации функционала:

ESPUI_test2.flp

(4.91 МБ) 3254 скачивания

Видео по использованию интерфейса в flprog:
https://youtu.be/i9-Gy7GuEIw
https://youtu.be/MDqO-L7NTDc
https://youtu.be/ElC8SVVFqn8
https://youtu.be/5LGsO7_Z6f8
https://youtu.be/-VA8BcGTkq8

Если у вас не компилируется проект удалите из FLProg\ideV5\portable\sketchbook\libraries папки ESPUI и ArduinoOTA, если не поможет попробуйте установить библиотеки вручную, разархивируйте архив в папку: flprog\ideV5\libraries\

espui_libraries_v1.2.zip

(1.46 МБ) 2135 скачиваний

Данный веб-интерфейс не будет работать вместе с встроенным в flprog, если только на разных портах.
Не забудьте включить wifi клиент в настройках контроллера и указать данные вашей wifi сети.

Новая/Альтернативная версия блоков: viewtopic.php?f=71&t=7414

Main блок с внешними входами авторизации: viewtopic.php?p=83619#p83619
Остальные блоки: viewtopic.php?p=74571#p74571

[SSSergeich]

Жесть... эту версию я тоже испробовал, но видимо запоганив предыдущими сборками....

Версия портабл 6.2.2 с ESP8266 завелась из коробки, для ESP32 пришлось поменять библиотеки на приложенные в первом посте.

Скачал 6.2.2 проделал все по пунктам

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

Arduino: 1.8.10 (Windows 10), Плата:"ESP32 Dev Module, Disabled, Minimal SPIFFS (1.9MB APP with OTA/190KB SPIFFS), 240MHz (WiFi/BT), QIO, 80MHz, 4MB (32Mb), 921600, None"

g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.cpp: In member function 'void ESPUIClass::updateControl(Control*, int)':

g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.cpp:483:3: error: 'DynamicJsonDocument' was not declared in this scope

   DynamicJsonDocument document(jsonUpdateDocumentSize);

   ^

g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.cpp:484:21: error: 'document' was not declared in this scope

   JsonObject root = document.to<JsonObject>();

                     ^

g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.cpp:484:43: error: expected primary-expression before '>' token

   JsonObject root = document.to<JsonObject>();

                                           ^

g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.cpp:484:45: error: expected primary-expression before ')' token

   JsonObject root = document.to<JsonObject>();

                                             ^

g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.cpp:490:31: error: 'serializeJson' was not declared in this scope

   serializeJson(document, json);

                               ^

g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.cpp: In member function 'void ESPUIClass::addGraphPoint(uint16_t, int, int)':

g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.cpp:581:3: error: 'DynamicJsonDocument' was not declared in this scope

   DynamicJsonDocument document(jsonUpdateDocumentSize);

   ^

g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.cpp:582:21: error: 'document' was not declared in this scope

   JsonObject root = document.to<JsonObject>();

                     ^

g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.cpp:582:43: error: expected primary-expression before '>' token

   JsonObject root = document.to<JsonObject>();

                                           ^

g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.cpp:582:45: error: expected primary-expression before ')' token

   JsonObject root = document.to<JsonObject>();

                                             ^

g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.cpp:587:31: error: 'serializeJson' was not declared in this scope

   serializeJson(document, json);

                               ^

g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.cpp: In member function 'void ESPUIClass::jsonDom(AsyncWebSocketClient*)':

g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.cpp:625:3: error: 'DynamicJsonDocument' was not declared in this scope

   DynamicJsonDocument document(jsonInitialDocumentSize);

   ^

g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.cpp:626:3: error: 'document' was not declared in this scope

   document["type"] = (int)UI_INITIAL_GUI;

   ^

g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.cpp:632:51: error: use of deleted function 'ArduinoJson::JsonObject::JsonObject(const ArduinoJson::JsonObject&)'

   JsonObject titleItem = items.createNestedObject();

                                                   ^

In file included from g:\Work\FlProg\v6.2.2\ideV4\libraries\ArduinoJson\src/ArduinoJson.hpp:12:0,

                 from g:\Work\FlProg\v6.2.2\ideV4\libraries\ArduinoJson\src/ArduinoJson.h:10,

                 from g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.h:8,

                 from g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.cpp:1:

g:\Work\FlProg\v6.2.2\ideV4\libraries\ArduinoJson\src/ArduinoJson/JsonObject.hpp:39:7: note: 'ArduinoJson::JsonObject::JsonObject(const ArduinoJson::JsonObject&)' is implicitly deleted because the default definition would be ill-formed:

 class JsonObject : public Internals::JsonPrintable<JsonObject>,

       ^

In file included from g:\Work\FlProg\v6.2.2\ideV4\libraries\ArduinoJson\src/ArduinoJson/JsonArray.hpp:12:0,

                 from g:\Work\FlProg\v6.2.2\ideV4\libraries\ArduinoJson\src/ArduinoJson.hpp:11,

                 from g:\Work\FlProg\v6.2.2\ideV4\libraries\ArduinoJson\src/ArduinoJson.h:10,

                 from g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.h:8,

                 from g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.cpp:1:

g:\Work\FlProg\v6.2.2\ideV4\libraries\ArduinoJson\src/ArduinoJson/Data/ReferenceType.hpp:31:3: error: 'ArduinoJson::Internals::ReferenceType::ReferenceType(const ArduinoJson::Internals::ReferenceType&)' is private

   ReferenceType(const ReferenceType&);

   ^

In file included from g:\Work\FlProg\v6.2.2\ideV4\libraries\ArduinoJson\src/ArduinoJson.hpp:12:0,

                 from g:\Work\FlProg\v6.2.2\ideV4\libraries\ArduinoJson\src/ArduinoJson.h:10,

                 from g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.h:8,

                 from g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.cpp:1:

g:\Work\FlProg\v6.2.2\ideV4\libraries\ArduinoJson\src/ArduinoJson/JsonObject.hpp:39:7: error: within this context

 class JsonObject : public Internals::JsonPrintable<JsonObject>,

       ^

g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.cpp:637:48: error: use of deleted function 'ArduinoJson::JsonObject::JsonObject(const ArduinoJson::JsonObject&)'

     JsonObject item = items.createNestedObject();

                                                ^

g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0\src\ESPUI.cpp:663:31: error: 'serializeJson' was not declared in this scope

   serializeJson(document, json);

                               ^

Несколько библиотек найдено для "AsyncTCP.h"
 Используется: g:\Work\FlProg\v6.2.2\ideV4\libraries\AsyncTCP
Несколько библиотек найдено для "ESPAsyncWebServer.h"
 Используется: g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPAsyncWebServer
Несколько библиотек найдено для "EEPROM.h"
 Используется: G:\Work\FlProg\v6.2.2\ideV4\portable\packages\esp32\hardware\esp32\1.0.4\libraries\EEPROM
Несколько библиотек найдено для "WiFi.h"
 Используется: G:\Work\FlProg\v6.2.2\ideV4\portable\packages\esp32\hardware\esp32\1.0.4\libraries\WiFi
Не используется: g:\Work\FlProg\v6.2.2\ideV4\libraries\WiFi
Несколько библиотек найдено для "ESPUI.h"
 Используется: g:\Work\FlProg\v6.2.2\ideV4\libraries\ESPUI-2.0.0
Несколько библиотек найдено для "ArduinoJson.h"
 Используется: g:\Work\FlProg\v6.2.2\ideV4\libraries\ArduinoJson
Несколько библиотек найдено для "FS.h"
 Используется: G:\Work\FlProg\v6.2.2\ideV4\portable\packages\esp32\hardware\esp32\1.0.4\libraries\FS
Несколько библиотек найдено для "SPIFFS.h"
 Используется: G:\Work\FlProg\v6.2.2\ideV4\portable\packages\esp32\hardware\esp32\1.0.4\libraries\SPIFFS
exit status 1
Ошибка компиляции для платы ESP32 Dev Module.

Этот отчёт будет иметь больше информации с
включенной опцией Файл -> Настройки ->
"Показать подробный вывод во время компиляции"

[belyx]

Жесть... эту версию я тоже испробовал

аналогично пытал именно 6.2.2 ,- не победил хотя всё делал по инструкции с заменой библиотек.
Бросил до новых версий,видно ещё от чего-то зависит. Перешёл на встроенный вэб интерфейс.

[User8]

SSSergeich, зайди в раздел библиотеки в ide и посмотри какая версия json стоит, нужна 6.

[SSSergeich]

Получилось вот как:
1. Скачал версию 6.2.2 в ней скомпилировал проект, в ардуино ide скопировал код.
2. Открыл сборку 5.3.0, перешел в папку ардуино, в библиотеки закинул библиотеки из 1-го поста
3. Запустил ардуино 1.8.9 из сборки 5.3.0, вставил в нее код и он скомпилировался и прошился в есп32.
Но что должно быть дальше? К роутеру ничего не подцепилось, в мониторе порта мелькает следующее

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

rst:0x3 (SW_RESET),boot:0x13 (SPI_FAST_FLASH_BOOT)
configsip: 0, SPIWP:0xee
clk_drv:0x00,q_drv:0x00,d_drv:0x00,cs0_drv:0x00,hd_drv:0x00,wp_drv:0x00
mode:DIO, clock div:1
load:0x3fff0018,len:4
load:0x3fff001c,len:1216
ho 0 tail 12 room 4
load:0x40078000,len:9720
ho 0 tail 12 room 4
load:0x40080400,len:6352
entry 0x400806b8
ets Jun  8 2016 00:22:57

rst:0x3 (SW_RESET),boot:0x13 (SPI_FAST_FLASH_BOOT)
configsip: 0, SPIWP:0xee
clk_drv:0x00,q_drv:0x00,d_drv:0x00,cs0_drv:0x00,hd_drv:0x00,wp_drv:0x00
mode:DIO, clock div:1
load:0x3fff0018,len:4
load:0x3fff001c,len:1216
ho 0 tail 12 room 4
load:0x40078000,len:9720
ho 0 tail 12 room 4
load:0x40080400,len:6352
entry 0x400806b8
ets Jun  8 2016 00:22:57

rst:0x3 (SW_RESET),boot:0x13 (SPI_FAST_FLASH_BOOT)
configsip: 0, SPIWP:0xee
clk_drv:0x00,q_drv:0x00,d_drv:0x00,cs0_drv:0x00,hd_drv:0x00,wp_drv:0x00
mode:DIO, clock div:1
load:0x3fff0018,len:4
load:0x3fff001c,len:1216
ho 0 tail 12 room 4
load:0x40078000,len:9720
ho 0 tail 12 room 4
load:0x40080400,len:6352
entry 0x400806b8

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

SSSergeich, зайди в раздел библиотеки в ide и посмотри какая версия json стоит, нужна 6.

Если смотреть в самой Arduino IDE 1.8.10 из сборки FLProg 6.2.2, то там показывает что она не установлена
Если открыть файл \ArduinoJson\library.json ", то в нем написано "version": "5.9.0","
Но это же самое написано и в библиотеки из арива 1-го поста

[JonyBest]

Что то не могу дать ума ESPUI_Switcher. Необходимо сделать так чтобы включенная была только одна кнопка, остальные выключались. Здесь проблем нет, рисунок как я сделал ниже.

Плюс нужно прикрутить внешнее управление кнопками. У меня получается уж больно громоздкая конструкция. Подскажите как кто решал, или направьте в нужную сторону...

Отправлено спустя 3 часа 32 минуты 29 секунд:
На последней версии портабл 6.3.1 без проблем запустилось с набором библиотек

espui_libraries_v1.3.rar

(1.07 МБ) 122 скачивания

[SSSergeich]

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

espui_libraries_v1.3.rar

Бинго!!! Скомпилировалось!

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

Скетч использует 791234 байт (40%) памяти устройства. Всего доступно 1966080 байт.
Глобальные переменные используют 40056 байт (12%) динамической памяти, оставляя 287624 байт для локальных переменных. Максимум: 327680 байт.
esptool.py v2.6
Serial port COM4
Connecting........_____....._____..
Chip is ESP32D0WDQ6 (revision 1)
Features: WiFi, BT, Dual Core, 240MHz, VRef calibration in efuse, Coding Scheme None
MAC: 3c:71:bf:f0:9c:d4
Uploading stub...
Running stub...
Stub running...
Changing baud rate to 921600
Changed.
Configuring flash size...
Auto-detected Flash size: 4MB
Compressed 8192 bytes to 47...

Writing at 0x0000e000... (100 %)
Wrote 8192 bytes (47 compressed) at 0x0000e000 in 0.0 seconds (effective 5041.2 kbit/s)...
Hash of data verified.
Compressed 17392 bytes to 11186...

Writing at 0x00001000... (100 %)
Wrote 17392 bytes (11186 compressed) at 0x00001000 in 0.1 seconds (effective 986.8 kbit/s)...
Hash of data verified.
Compressed 791344 bytes to 452124...

Writing at 0x00010000... (3 %)
Writing at 0x00014000... (7 %)
Writing at 0x00018000... (10 %)
Writing at 0x0001c000... (14 %)
Writing at 0x00020000... (17 %)
Writing at 0x00024000... (21 %)
Writing at 0x00028000... (25 %)
Writing at 0x0002c000... (28 %)
Writing at 0x00030000... (32 %)
Writing at 0x00034000... (35 %)
Writing at 0x00038000... (39 %)
Writing at 0x0003c000... (42 %)
Writing at 0x00040000... (46 %)
Writing at 0x00044000... (50 %)
Writing at 0x00048000... (53 %)
Writing at 0x0004c000... (57 %)
Writing at 0x00050000... (60 %)
Writing at 0x00054000... (64 %)
Writing at 0x00058000... (67 %)
Writing at 0x0005c000... (71 %)
Writing at 0x00060000... (75 %)
Writing at 0x00064000... (78 %)
Writing at 0x00068000... (82 %)
Writing at 0x0006c000... (85 %)
Writing at 0x00070000... (89 %)
Writing at 0x00074000... (92 %)
Writing at 0x00078000... (96 %)
Writing at 0x0007c000... (100 %)
Wrote 791344 bytes (452124 compressed) at 0x00010000 in 7.2 seconds (effective 876.8 kbit/s)...
Hash of data verified.
Compressed 3072 bytes to 129...

Writing at 0x00008000... (100 %)
Wrote 3072 bytes (129 compressed) at 0x00008000 in 0.0 seconds (effective 1638.4 kbit/s)...
Hash of data verified.

Leaving...
Hard resetting via RTS pin...

Вопрос, а что должно быть дальше, как проверить работу примера?

[JonyBest]

Через браузер заходите по ip платы и наслаждаетесь интерфейсом

[SSSergeich]

Через браузер заходите по ip платы и наслаждаетесь интерфейсом

А как и где этот IP увидеть? Роутер божится, что никаких новых IP у него никто не получил. На самой плате никакой индикации не должно быть?

В сом порт мне сыплются такие сообщения

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

rst:0x3 (SW_RESET),boot:0x13 (SPI_FAST_FLASH_BOOT)
configsip: 0, SPIWP:0xee
clk_drv:0x00,q_drv:0x00,d_drv:0x00,cs0_drv:0x00,hd_drv:0x00,wp_drv:0x00
mode:DIO, clock div:1
load:0x3fff0018,len:4
load:0x3fff001c,len:1216
ho 0 tail 12 room 4
load:0x40078000,len:9720
ho 0 tail 12 room 4
load:0x40080400,len:6352
entry 0x400806b8
ets Jun  8 2016 00:22:57

rst:0x3 (SW_RESET),boot:0x13 (SPI_FAST_FLASH_BOOT)
configsip: 0, SPIWP:0xee
clk_drv:0x00,q_drv:0x00,d_drv:0x00,cs0_drv:0x00,hd_drv:0x00,wp_drv:0x00
mode:DIO, clock div:1
load:0x3fff0018,len:4
load:0x3fff001c,len:1216
ho 0 tail 12 room 4
load:0x40078000,len:9720
ho 0 tail 12 room 4
load:0x40080400,len:6352
entry 0x400806b8
ets Jun  8 2016 00:22:57

rst:0x3 (SW_RESET),boot:0x13 (SPI_FAST_FLASH_BOOT)
configsip: 0, SPIWP:0xee
clk_drv:0x00,q_drv:0x00,d_drv:0x00,cs0_drv:0x00,hd_drv:0x00,wp_drv:0x00
mode:DIO, clock div:1
load:0x3fff0018,len:4
load:0x3fff001c,len:1216
ho 0 tail 12 room 4
load:0x40078000,len:9720
ho 0 tail 12 room 4
load:0x40080400,len:6352
entry 0x400806b8
ets Jun  8 2016 00:22:57

Что это значит?

[Phazz]

Это значит идет циклическая перезагрузка контроллера

[SSSergeich]

Это значит идет циклическая перезагрузка контроллера

Спасибо! Поняв, что это баг, а не фича, полез дальше.
Переключил режим flash mode и все заработало!

СпойлерПоказать

Итак, для портабл версии 6.3.1 вин64 требуется
1. Заменить библиотеки набором от JonyBest,

espui_libraries_v1.3.rar

(1.07 МБ) 91 скачивание

2. Переключить режим flash mode

Спасибо всем за помощь!

[Phazz]

А совместить с блоком webupdate ни кто не победил?

[maugli87]

Добрый день, уважаемые форумчане. До их появления с горя пополам собирал интерфейс на стандартных блоках(Ардуино+Ethernet W5100)+пробовал настройку ESP опять же стандартными возможностями FLProg. Потом наткнулся на эту страничку. Блоки очень понравились в плане функционала. Очень удобно собирать проекты на этих блоках, но немного удручает графическое оформление. Если в webserver и стандартных настройках ESP можно сделать веб интерфейс, то тут нет такой возможности. Залез в редактирование блока, но поняв, что все на JSON, понял, что сам не разберусь (не программист всетаки). Может кто-то уже задавался вопросом редактирования графической части блоков (изменение содержимого блоков- несколько переключателей в одной плитке, возможность выбора каких либо других цветов и форм плиток, возможность изменения графической части кнопок, переключателей, ползунков)?
Понимаю, что вопрос второй не к месту, учитывая название блоков (ESPUI), но можно ли их как-то прикрутить к той же ардуинке+W5100? Заранее благодарю за ответы

[Imran]

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

[maugli87]

если бы у меня получилось то я бы не просил содействия. Я немного разобрался как прописать все в <style> в html (и то поверхностно), а тут, как я понял, на json. как тут стили оформить не имею ни малейшего понятия

[SSSergeich]

Подскажите, в чем может быть проблема, тестовый пример адекватно работает примерно 2-3 часа, дальше постоянный дисконект, часа через 4-5 esp32 вообще не отклмкается, вкл/выкл питания не помогает, ресет тоже, только перепрошивка есп32, дальше все по новой. Перепробовал 3 разных роутера, разные сети, даже с мобильника сеть поднимал - результат один...

[maugli87]

Нашел в библиотеке CSS. Есть умельцы которые могут изменить дизайн в этом файле?

[Iqubik]

Нашел в библиотеке CSS. Есть умельцы которые могут изменить дизайн в этом файле?

Я выкладывал правленный css в этой теме. Там после правки надо запустить скрипт переборки ресурсов а для него нужен питон с парой модулей (у меня было не просто)

[maugli87]

Нашел в библиотеке CSS. Есть умельцы которые могут изменить дизайн в этом файле?

Я выкладывал правленный css в этой теме. Там после правки надо запустить скрипт переборки ресурсов а для него нужен питон с парой модулей (у меня было не просто)

Стпанно. Вроде читал все. А можно скрин того как все получилось?

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

Нашел в библиотеке CSS. Есть умельцы которые могут изменить дизайн в этом файле?

Я выкладывал правленный css в этой теме. Там после правки надо запустить скрипт переборки ресурсов а для него нужен питон с парой модулей (у меня было не просто)

Нашел пост. Вы делали изменение только для элемента button?

[Iqubik]

Я выкладывал правленный css в этой теме. Там после правки надо запустить скрипт переборки ресурсов а для него нужен питон с парой модулей (у меня было не просто)

Стпанно. Вроде читал все. А можно скрин того как все получилось?

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

Я выкладывал правленный css в этой теме. Там после правки надо запустить скрипт переборки ресурсов а для него нужен питон с парой модулей (у меня было не просто)

Нашел пост. Вы делали изменение только для элемента button?

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

[dekorator]

А совместить с блоком webupdate ни кто не победил?

У меня получилось. Flprog-6.3.1 portable, версия arduinio ide- 1.8.10 из папки Flprog-6.2.2 potable, библиотеки использовал те, которые нужны были для совместной работы с блоком -Fi Fi manager - (не дают критичных конфликтов). Блок WebUpdate v1.0, брал здесь на форуме.