Is this how the UI is supposed to look?

[Lunchtime0614]

Is this how it's supposed to look - the images in the readme are better - like the temperature selection buttons on mine are out of place? Note I already had a Pi Zero setup running TiltPI. So all I did was add the extra modules, then loaded the flow. Perhaps something in TiltPi is causing the issue?

[clausbroch]

Are you sure you have installed all the required components?
It looks like you are missing the "node-red-contrib-ui-level" component

[pppedrillo]

Exactly the same issue here. :(
node-red-contrib-ui-level installed.
Buttons misplaced and no heat level display.

[Lunchtime0614]

Exactly the same issue here. :(

node-red-contrib-ui-level installed.

Buttons misplaced and no heat level display.

It's the version of node red. You probably need to upgrade. I did. Are you using tilt pi at the same time?

[pppedrillo]

It's the version of node red. You probably need to upgrade. I did. Are you using tilt pi at the same time?

Hmm... seems no.
I just did clean brand new installation of everything - Buster, nodered and gfconnect.
Still see broken UI and moreover - "BREW SESSION" almost empty widget (with a placeholders) is shown on the right of the "Timer" widget

Node RED v1.1.2
dashboard v2.23.0
ui-level v0.1.33

[Lunchtime0614]

Humm I don't know. But below is what I did that seemed to work. Except for the tilt creating a new google sheet every time it logged ( I don't use the google sheets so I just turned that off).

I didn't follow these steps exactly as where tiltpi asks for a specific version I used the most recent instead. Also since my pi had the grainfather running first I imported the tiltpi flow.

1. Pi Zero - installed fresh raspberry buster following these instructions - https://desertbot.io/blog/headless-raspberry-pi-3-bplus-ssh-wifi-setup

2. Installed Grainfather Connect Following - https://www.norgesvej12a.dk/husbryg/setting-up-a-new-raspberry-pi-zero-w-for-gf-connect/

3. Installing the TiltPi flow from their github (https://github.com/baronbrew/TILTpi) following the readme and adding the aioblescan and python, then using the Node-Red Import>Cipboard>NewFlow option. That gave me something that looks like the below....

Yes TiltPi will log to brewfather, but it seems that it's creating a new google sheet every time it logs - every 15 min.

[clausbroch]

The Timer widget and the Brew Session widget should not be shown at the same time.
I have sometimes seen this if the general flow didn't initialize correctly. I this case there should be some errors or warnings logged in the debug panel in the flow editor.
Another possibility is if your browser doesn't handle the tags correctly. Which browser are you using?

[pppedrillo]

Another possibility is if your browser doesn't handle the tags correctly. Which browser are you using?

Firefox 79.0

[clausbroch]

Firefox 79.0

That should be OK.
Could you check in the debug panel in Node RED if any messages are logged that might give a hint?