Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ui-page: layout editor button #1568

Merged
merged 5 commits into from
Jan 10, 2025

Conversation

bartbutenaers
Copy link
Contributor

@bartbutenaers bartbutenaers commented Jan 9, 2025

Description

This PR shows a button in the ui-page config screen, to open the layout manager:

image

The alignment of the button isn't really nice, because it would look better if it was right-aligned with all other elements in the config screen. But there seems to be quite some CSS going on. Would be nice if anybody could tweak it a bit better.

[EDIT 10/01/2025] The alignment problem is now solved, thanks to @GogoVega :

image

BTW I have used a global function, so that the same function can be reused in the ui-page config screen. I didn't want to duplicate code, because that will run out of sync after a while anyway. I tried to put it as an extra custom function in the ui-base type object, but Node-RED seems to strip off all functions that it doesn't expect. I used quite a long name for the global function, in order to avoid conflicts with a future new global function with the same name. If you have better idea than a global function to accomplish this, please let me know and I will adjust it.

Related Issue(s)

1505

Checklist

  • I have read the contribution guidelines
  • Suitable unit/system level tests have been added and they pass
  • Documentation has been updated
    • Upgrade instructions
    • Configuration details
    • Concepts
  • Changes flowforge.yml?
    • Issue/PR raised on FlowFuse/helm to update ConfigMap Template
    • Issue/PR raised on FlowFuse/CloudProject to update values for Staging/Production

Labels

  • Includes a DB migration? -> add the area:migration label

nodes/config/ui_page.html Outdated Show resolved Hide resolved
Copy link
Collaborator

@joepavitt joepavitt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Screenshot 2025-01-10 at 11 46 01

I've added text explicitly to the button, we have the screen real estate to do so, and it differentiates from from the Config Node dropdown/edit combo which is very similar.

@joepavitt joepavitt merged commit a4ef6a5 into FlowFuse:main Jan 10, 2025
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants