Hello, I wanted to collect examples of what you have already done with the new user interface. Maybe there are some inspirations for all of us. So have fun :slight_smile: This is how my overview page looks like on a tablet at the moment. [IMG_0402.PNG] Best regards, Manfred

[image] A simple example of an Overview Page UIs I have a few minutes so I thought I would quickly write up what I’ve done with my MainUI Overview Page so far as a source for inspiration and examples. Overall Approach Common controls and information that are n…

After 2 months of work :slight_smile: [image] [image] [image] [image] [image] [image]

Hi Michael, could you please share the code for this view: [image] Thanks!

Yep. I’m quite sure there is room for improvement, as this was one of my first custom widgets. It is in german, but hope it helps. uid: Wetter_Widget tags: [] props: parameters: - context: item description: Aktuelles Wetter label: Item name: cond required: true t…

Thanks a lot, german is fine for me :grinning:

You can probably improve this line: f7: "=(items['localCurrentIconId'].state === '01d') ? 'sun_max_fill' : (items['localCurrentIconId'].state === '01n') ? 'moon_stars_fill' : (items['localCurrentIconId'].state === '02d') ? 'cloud_sun_fill' : (items['localCurrentIconId'].state === '02n…

@michaeljoos Could u please provide me some information about your background images for the oh-location-cards? What I’m interested in is the yaml code if possible and what kind of css styling properties you might have used? Last would be nice to know which resolution and aspect ratio your images h…

You can easily set a background for these location cards like this: [image] [image] /static is folder \openHAB-conf\html\ My pictures a quite small to not have too much data from remote (approx 10kB, 400x225 pixel)

How did you get the selection below?

openHAB Community

[OH3] Main UI Examples

Add-ons UIs

michaeljoos (Michael Joos) February 26, 2021, 6:34pm 3

After 2 months of work

OpenHAB's main web site