Page 1 of 1

OLED Framed - Configurable formatting?

Posted: 05 Sep 2018, 03:03
by bkhobby
Hi,

As I've already posted in the introduction section, I've recently started using ESPEasy on my "Kube" multi-sensor device, which currently shows temperature/humidity/motion data from the sensors that I have attached to it. While I definitely enjoyed the simple configuration ESPEasy allows, I wasn't able to quite copy the OLED screen layout that I used to have on my device (seen in the photo below):

Image

Using OLED Framed, I was able to get close:

Image

I definitely like the additional information ESPEasy shows (clock, Wifi SSID/RSSI), but it would be nice to get the temperature field to show much larger (since it's the most important piece of information and one I want to be clearly readable), and only show the humidity in the bottom of the frame. It also would be nice to be able to selectively align data items (per item) left/right or center.

I guess the question I'm asking is if there's any potential plan yet for improving the OLED Framed plugin to allow greater flexibility?

One idea I would propose, based loosely on what I did with my original code, would be to divide the OLED frame into three sections (Header, Body and Footer), with Header/Footer configurable to be turned ON or HIDDEN. The middle section (Body) would scale the font size based on the number of "Lines Per Frame" selected by the user. Each row (including Header and Footer) should have three text boxes on the user interface. Depending on which row the configuration data would be entered into, would determine whether that data was Left (first text box), Center (second text box) or Right (third text box) justified on the screen. Of course, the remaining lines (in the remaining frames) would be configurable as well, and only the body would scroll (Header/Footer could be kept in place between frames).

To give an example using my original layout above, I'd select Header and Footer to be shown, and select 1 Line per Frame (1 total line). So, in the GUI, I would see/enter data in the following textboxes:

Code: Select all

Header:      (Textbox 1: %sysname% )  (Textbox 2: ________________________ )  (Textbox 3: __________________ ) <--- Left-justified system name
Body Line 1: (Textbox 1: _________ )  (Textbox 2: [DHT22#Temperature] {D}F )  (Textbox 3: __________________ ) <--- Center-justified, full-size temperature
Footer:      (Textbox 1: Hum:_____ )  (Textbox 2: ________________________ )  (Textbox 3: [DHT22#Humidity] % ) <--- Left-justified label, right-justified humidity
This seems to me like the easiest way to give the user the ability to make complex layouts, without making the GUI too complex.

Thanks again for your hard work on this project! You've got another happy user here! :)

Re: OLED Framed - Configurable formatting?

Posted: 05 Sep 2018, 04:24
by grovkillen
That is a really good idea, you should add that as a feature enhancement of our GitHub issue tracker.

Re: OLED Framed - Configurable formatting?

Posted: 05 Sep 2018, 04:57
by bkhobby
I will do that!

BTW, I saw your signature, and just downloaded/tested EasyFlasher and EasyNetScan - both are awesome tools and make the initial setup process even simpler! (I was searching through my list of ~15 ESP IPs on my router last night, trying each one in the browser til I found the right one, so this is a huge improvement!) :-D

Re: OLED Framed - Configurable formatting?

Posted: 05 Sep 2018, 05:05
by grovkillen
Happy to assist 8-) Thanks for the feedback, we love to hear users point of view.

Re: OLED Framed - Configurable formatting?

Posted: 16 Jan 2021, 08:58
by Umendi
What a great and simple feature.
I see it is from 2018 but still not implemented.

Any work around?

Re: OLED Framed - Configurable formatting?

Posted: 16 Jan 2021, 10:02
by TD-er
Text justification is present.
See: https://espeasy.readthedocs.io/en/lates ... terpreting

What isn't supported is to switch font size per page on the Framed OLED plugin.

Re: OLED Framed - Configurable formatting?

Posted: 14 Nov 2022, 11:44
by Regolsis
Hi TD-er,

I played around with Oled Framed, but I did not found out how to use left-and-right-alignment, like described in the docs. When using "|" in the text, the pipe-symbol is shown as text instead of splitting the text into left and right parts. What am I doing wrong here? Any hint?

Thanks.

Re: OLED Framed - Configurable formatting?

Posted: 14 Nov 2022, 12:00
by TD-er
You mean this:

Code: Select all

oledframedcmd,align,<0|1|2>
The values shown here are showing you the 3 possible options, as described in the following text:
Set the global align option for content to centre (0), left (1) or right (2).
Thus:
oledframedcmd,align,1
means left aligned.

Re: OLED Framed - Configurable formatting?

Posted: 14 Nov 2022, 12:19
by Regolsis
I meant this text in the linked docs:
The <text> parameter must be a single command parameter. Meaning, it must be wrapped in quotes when using a space or comma as text. A split token <|> can be used to display the line splitted, one part on the left the other one on the right side of the display.

Re: OLED Framed - Configurable formatting?

Posted: 14 Nov 2022, 12:39
by TD-er
OK, have to look into the code for this one.
Maybe Ton can then answer this more quickly as he's been working on all display related plugins the last few months.