OLED Framed - Configurable formatting?

Moderators: grovkillen, Stuntteam, TD-er

Post Reply
Message
Author
bkhobby
New user
Posts: 6
Joined: 03 Sep 2018, 01:51

OLED Framed - Configurable formatting?

#1 Post by bkhobby » 05 Sep 2018, 03:03

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! :)

User avatar
grovkillen
Core team member
Posts: 3621
Joined: 19 Jan 2017, 12:56
Location: Hudiksvall, Sweden
Contact:

Re: OLED Framed - Configurable formatting?

#2 Post by grovkillen » 05 Sep 2018, 04:24

That is a really good idea, you should add that as a feature enhancement of our GitHub issue tracker.
ESP Easy Flasher [flash tool and wifi setup at flash time]
ESP Easy Webdumper [easy screendumping of your units]
ESP Easy Netscan [find units]
Official shop: https://firstbyte.shop/
Sponsor ESP Easy, we need you :idea: :idea: :idea:

bkhobby
New user
Posts: 6
Joined: 03 Sep 2018, 01:51

Re: OLED Framed - Configurable formatting?

#3 Post by bkhobby » 05 Sep 2018, 04:57

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

User avatar
grovkillen
Core team member
Posts: 3621
Joined: 19 Jan 2017, 12:56
Location: Hudiksvall, Sweden
Contact:

Re: OLED Framed - Configurable formatting?

#4 Post by grovkillen » 05 Sep 2018, 05:05

Happy to assist 8-) Thanks for the feedback, we love to hear users point of view.
ESP Easy Flasher [flash tool and wifi setup at flash time]
ESP Easy Webdumper [easy screendumping of your units]
ESP Easy Netscan [find units]
Official shop: https://firstbyte.shop/
Sponsor ESP Easy, we need you :idea: :idea: :idea:

Umendi
New user
Posts: 8
Joined: 16 Jan 2021, 08:56

Re: OLED Framed - Configurable formatting?

#5 Post by Umendi » 16 Jan 2021, 08:58

What a great and simple feature.
I see it is from 2018 but still not implemented.

Any work around?

TD-er
Core team member
Posts: 8643
Joined: 01 Sep 2017, 22:13
Location: the Netherlands
Contact:

Re: OLED Framed - Configurable formatting?

#6 Post by TD-er » 16 Jan 2021, 10:02

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.

User avatar
Regolsis
Normal user
Posts: 41
Joined: 08 Oct 2022, 13:07

Re: OLED Framed - Configurable formatting?

#7 Post by Regolsis » 14 Nov 2022, 11:44

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.

TD-er
Core team member
Posts: 8643
Joined: 01 Sep 2017, 22:13
Location: the Netherlands
Contact:

Re: OLED Framed - Configurable formatting?

#8 Post by TD-er » 14 Nov 2022, 12:00

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.

User avatar
Regolsis
Normal user
Posts: 41
Joined: 08 Oct 2022, 13:07

Re: OLED Framed - Configurable formatting?

#9 Post by Regolsis » 14 Nov 2022, 12:19

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.

TD-er
Core team member
Posts: 8643
Joined: 01 Sep 2017, 22:13
Location: the Netherlands
Contact:

Re: OLED Framed - Configurable formatting?

#10 Post by TD-er » 14 Nov 2022, 12:39

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.

Post Reply

Who is online

Users browsing this forum: No registered users and 31 guests