GUI Editor Text Not Displaying

I created a simple scrollviewer with three textblocks and now the text blocks are not visible. Please advise.

Thanks,
Michael

cc @carolhmj

Hi,
That’s because you’ve hidden them in the hierarchy (left menu - eye icon). And the parent stackpanel was also not visible. When you import the GUI created with the Editor, ‘isVisible’ is kept from the editor set-up. If you want to show controls or containers that have been hidden when saving from the editor, you need to call it and set ‘isVisible’ to true.

3 Likes

Not having the isVisible property in the property pane is confusing.

1 Like

Yes, I sort of agree. Looking at the doc and tooltip both only say “Show/hide control”.
May be we could enhance the doc and/or tooltip to say something like ‘set(s) isVisible property’?
Capture d’écran 2023-06-10 à 07.49.21

cc @carolhmj

Hmmm I guess we could change this in the tooltip, maybe combine the two phrasings like “Show/Hide control (property name: isVisible)” :thinking: @PatrickRyan do you have any thoughts on the best phrasing for usability? :sweat_smile:

@carolhmj, I think we can simply state “Sets isVisible” like @mawa suggested. I think the parameter name is pretty self-explanatory so we shouldn’t need a lot of extra wording. The disconnect here is that the visibility icon could imply that it is simply a visibility setting on the editor rather than the parameter to set visibility at the control level.

The reason we pulled this parameter into the tree view rather than making it a checkbox on the control properties panel itself was to help users quickly debug what controls were visible in any state. You only need to hover the pointer on the control name to see its visibility state instead of needing to click on each one to expose the state. We could, however, add a control also in the properties panel that duplicates the state of the icon in the tree view so that it clears up any other confusion. This keeps the ease of being able to spot check visibility while also not isolating one parameter from the rest. We could duplicate the eye in the name field at the top of the properties panel without much rework to the UI. Thoughts, @carolhmj?

1 Like

I don’t see a problem with this, it seems like a good solution!

1 Like

PR for it: [GUI Editor] Add isVisible property on the common control properties … by carolhmj · Pull Request #13952 · BabylonJS/Babylon.js (github.com)

3 Likes