GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
Moderators: grovkillen, Stuntteam, TD-er
GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
I use the device to control a filterunit. It worked fine for some months but then at one point it started to look like in the screenshot und connecting to it was unbearably slow and i had to restart it several time to finally access it.
I did a factory reset and uploaded my backup config.dat. Now wifi seems to work fine again but the style of the webgui is still missing. what could this be. Software or maybe an flash memory issue?
I did a factory reset and uploaded my backup config.dat. Now wifi seems to work fine again but the style of the webgui is still missing. what could this be. Software or maybe an flash memory issue?
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
I think this is a "testing" build, which is trying to load the CSS from an external server that may no longer be cached in your browser's cache.
See:
https://espeasy.readthedocs.io/en/lates ... atic-files
You can also host the files on the file system of the ESP itself.
See:
https://espeasy.readthedocs.io/en/lates ... atic-files
You can also host the files on the file system of the ESP itself.
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
It was not a testing build.
It was this one: ESP_Easy_mega_20210114_normal_ESP8285_1M
And the if it would have been a cache problem, then it must have happend with two different devices at the same time because i tried to access it with my laptop and my smartphone.
(While writing this i got the wifi issue again. It wont connect to the router.)
If this is not a known issue i will try another build and or device.
It was this one: ESP_Easy_mega_20210114_normal_ESP8285_1M
And the if it would have been a cache problem, then it must have happend with two different devices at the same time because i tried to access it with my laptop and my smartphone.
(While writing this i got the wifi issue again. It wont connect to the router.)
If this is not a known issue i will try another build and or device.
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
OK, then it is probably a timeout thing where the WiFi may have been too busy processing the previous request so it would not serve the requested CSS in time.
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
It´s me....again.
I still experiencing the same issue and i don’t quite understand it nor am i able to replicate it reliably.
Maybe it has something to do with "Client IP block level: allow all".
Every time install a new device somewhere where wifi is weak i add a button for calling.
But if i want to configure the device via APMode i have no css an the worst of it all i can not save the rules. Pressing the save button does nothing....
I can live without the css but not being able to make changes quickly is annoying.
I testet it also at home with two different subnets where i access the device via port forwarding:
http://ClientRouterWAN_IP:8099 -> i get css..everything is fast and responsive
http://Esp_DeviceIP_inside_the_Client_RoutersNetwork -> loading the pages takes ages and when finally loaded...NO CSS
Switching "Client IP block level:" to "allow local subnet" worked after rebooting the router...i guess but i am not shure
Also using the Accesspoint of an ESP:
192.168.4.1 -> no css
but using the last ip the ESP had in the Network but still connected to the ESP AP -> Webconfig works fine
Did the test with several devices and Firmwares
EDIT: hmmmmm...tried to replicate it with a wemos d1 mini (the other devices were all sonoff) but had no success. it is a mystery![Verrast :o](./images/smilies/icon_e_surprised.gif)
![Erg Blij :D](./images/smilies/icon_e_biggrin.gif)
I still experiencing the same issue and i don’t quite understand it nor am i able to replicate it reliably.
Maybe it has something to do with "Client IP block level: allow all".
Every time install a new device somewhere where wifi is weak i add a button for calling
Code: Select all
WifiAPMode
But if i want to configure the device via APMode i have no css an the worst of it all i can not save the rules. Pressing the save button does nothing....
![Huilen :cry:](./images/smilies/icon_cry.gif)
I can live without the css but not being able to make changes quickly is annoying.
I testet it also at home with two different subnets where i access the device via port forwarding:
http://ClientRouterWAN_IP:8099 -> i get css..everything is fast and responsive
http://Esp_DeviceIP_inside_the_Client_RoutersNetwork -> loading the pages takes ages and when finally loaded...NO CSS
Switching "Client IP block level:" to "allow local subnet" worked after rebooting the router...i guess but i am not shure
Also using the Accesspoint of an ESP:
192.168.4.1 -> no css
but using the last ip the ESP had in the Network but still connected to the ESP AP -> Webconfig works fine
Did the test with several devices and Firmwares
EDIT: hmmmmm...tried to replicate it with a wemos d1 mini (the other devices were all sonoff) but had no success. it is a mystery
![Verrast :o](./images/smilies/icon_e_surprised.gif)
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
About the missing CSS.
See: https://espeasy.readthedocs.io/en/lates ... atic-files
The rules are saved using JavaScript, so if that isn't loaded from the CDN servers, it will indeed not work.
And you might also want to test a later build (based on the latest code base as it has been fixed after the last nightly build) to use saving the rules when using an admin password.
Regarding the CDN files not loading.
If you're connecting to the ESP via its AP, you are not connected to the internet.
So then I guess it makes sense to not being able to load those files.
You can upload them to the SPIFFS flash. The files should be stored in the browser's cache as the TTL of these files is set to 1 year.
So you can try to open the link when connected to internet so it will be stored in the browser cache.
"Allow local subnet" is more limiting as it will only allow the web UI to be loaded if both the ESP and your computer (mobile) running the browser are on the same subnet.
See: https://espeasy.readthedocs.io/en/lates ... atic-files
The rules are saved using JavaScript, so if that isn't loaded from the CDN servers, it will indeed not work.
And you might also want to test a later build (based on the latest code base as it has been fixed after the last nightly build) to use saving the rules when using an admin password.
Regarding the CDN files not loading.
If you're connecting to the ESP via its AP, you are not connected to the internet.
So then I guess it makes sense to not being able to load those files.
You can upload them to the SPIFFS flash. The files should be stored in the browser's cache as the TTL of these files is set to 1 year.
So you can try to open the link when connected to internet so it will be stored in the browser cache.
"Allow local subnet" is more limiting as it will only allow the web UI to be loaded if both the ESP and your computer (mobile) running the browser are on the same subnet.
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
I am an idiot and i am sorry ... i somehow missed the link in the second post
so if i would upload only the rules_save.js to the device itself it would work?
![Rollende Ogen :roll:](./images/smilies/icon_rolleyes.gif)
so if i would upload only the rules_save.js to the device itself it would work?
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
Yep, I guess so ![Lach :)](./images/smilies/icon_e_smile.gif)
Maybe also nice to include the CSS.
![Lach :)](./images/smilies/icon_e_smile.gif)
Maybe also nice to include the CSS.
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
Sorry to bother you again with tis topic.... but the issue is still present as you can see in the pictures (even after adding the css file):
I also recognized that all three devices share the same missing options in factory reset:
the devices are: one sonoff s20(ESP_Easy_mega_20210802_normal_ESP8266_1M) and two sonoff dual r2 (one with ESP_Easy_mega_20210802_normal_ESP8285_1M and one with ESP_Easy_mega_20201227_normal_ESP8285_1M)
and as it should be:
What i did so far: i flashed one device again with a blank bin and after that with the firmware....no change
I also recognized that all three devices share the same missing options in factory reset:
the devices are: one sonoff s20(ESP_Easy_mega_20210802_normal_ESP8266_1M) and two sonoff dual r2 (one with ESP_Easy_mega_20210802_normal_ESP8285_1M and one with ESP_Easy_mega_20201227_normal_ESP8285_1M)
and as it should be:
What i did so far: i flashed one device again with a blank bin and after that with the firmware....no change
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
The 1M builds have LIMIT_BUILD_SIZE enabled, which also means some static files will be served from a CDN.
See: https://espeasy.readthedocs.io/en/lates ... Files.html
You can copy those files to the file system, but given you don't have a lot of space on the SPIFFS, you may need to be selective.
Copy at least the .css file and the file to save the rules.
The factory defaults are also left out on the limited build size versions.
Not sure though if that makes sense on builds where you can't update via OTA anyway.
See: https://espeasy.readthedocs.io/en/lates ... Files.html
You can copy those files to the file system, but given you don't have a lot of space on the SPIFFS, you may need to be selective.
Copy at least the .css file and the file to save the rules.
The factory defaults are also left out on the limited build size versions.
Not sure though if that makes sense on builds where you can't update via OTA anyway.
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
But as you can see in the first picture, i already copied the css to the device.
And regarding the factory reset: the last picture was taken from an 1m device (also sonoff s20 ESP_Easy_mega_20201023_normal_ESP8266_1M)
But maybe it changed from the old build to the newer ones?
And regarding the factory reset: the last picture was taken from an 1m device (also sonoff s20 ESP_Easy_mega_20201023_normal_ESP8266_1M)
But maybe it changed from the old build to the newer ones?
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
Can you open the page of the device in another browser, or in a browser with incognito mode active?
Just to be sure you're not looking at a cached version of that CSS file.
Just to be sure you're not looking at a cached version of that CSS file.
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
i did this with 3 different browsers in inkognito mode and on at least two devices..... do you think the naming of the css file should be without the espeasy- part
edit: i also try to do today a more thorough and systematic test about this issue...
until now the devices where at positions hard to reach and therefore my motivation was low but i have now another sonoff dual r2 here to to test
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
You can always name it "esp.css" as that's an override that was always present.
It looks like that's the only file name that's being searched for on the local file system. => Either a bug, or missing in the documentation.
It looks like that's the only file name that's being searched for on the local file system. => Either a bug, or missing in the documentation.
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
ok, thanks so far...
i´ll give an update after testing the new device.
i´ll give an update after testing the new device.
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
I mentioned the needed rename to esp.css in the documentation.
Even if it is fixed in the newer builds, it might still be relevant for older builds out there.
Even if it is fixed in the newer builds, it might still be relevant for older builds out there.
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
FINALLY!!!!!!!!!!!
It works! esp.css did the trick!
Thank you so much... that made my life a lot easier!
![Razz :P](./images/smilies/icon_razz.gif)
It works! esp.css did the trick!
Thank you so much... that made my life a lot easier!
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
You're welcome.
I will have a look at it, to add a link/warning in the UI when files are missing which are needed.
Maybe also nice to have the base URL for the hosted files configurable.
This way a user may host the files on his own server, or maybe even use a different node to host the files.
I will have a look at it, to add a link/warning in the UI when files are missing which are needed.
Maybe also nice to have the base URL for the hosted files configurable.
This way a user may host the files on his own server, or maybe even use a different node to host the files.
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
I think that is a nice idea. But more important than that in my opinion is the maintenance of the documentation. For me it is often confusing. Especially that there are two wikis...TD-er wrote: ↑14 Sep 2021, 14:27 You're welcome.
I will have a look at it, to add a link/warning in the UI when files are missing which are needed.
Maybe also nice to have the base URL for the hosted files configurable.
This way a user may host the files on his own server, or maybe even use a different node to host the files.
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
The wiki is old and will be replaced by the Read The Docs
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
But where did you do this for example? I cannot find it.I mentioned the needed rename to esp.css in the documentation.
Edit: I know that documentation is a lot of work. So if there is anything i can help with let me know. I have not many skills but time and ten fingers to write
![Lach :)](./images/smilies/icon_e_smile.gif)
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
It's in this commit, but it hasn't been released so not yet visible in the documentation page, here. With the next release of ESPEasy that page will be updated.
NB: Documentation for Read The Docs is part of the code repository, so easily maintained (added/updated) during development of code, but can also be committed separately, of course. Any help is welcome![Erg Blij :D](./images/smilies/icon_e_biggrin.gif)
NB: Documentation for Read The Docs is part of the code repository, so easily maintained (added/updated) during development of code, but can also be committed separately, of course. Any help is welcome
![Erg Blij :D](./images/smilies/icon_e_biggrin.gif)
/Ton (PayPal.me)
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
Hmm that's strange, I thought I had RTD synced with every commit to the mega branch, but apparently not.
Well it makes sense to have it tied to a Git tag.
I guess we should use these tags too in RTD as it supports versioning.
Well it makes sense to have it tied to a Git tag.
I guess we should use these tags too in RTD as it supports versioning.
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
I still trying to figure out what i could help with without causing more work for anybody else. I thought about something like putting the missing things of the old wiki in the new one.
Re: GUI issue on Sonoff Dual with ESP_Easy_mega_20210114
That would also be helpful.
There is still a rather large number of plugins which do not have proper documentation in the RTD.
Who is online
Users browsing this forum: No registered users and 27 guests