I’ve been thinking about how to implement GUI styles and wanted to pick the brains of those who’ve already thought deeply about it. How should the style class be improved? Are there any plans for the future of styles? Background: I was recently noticing how difficult it is to implement a consisten…

[image] mawa: We can still improve and come-back on it later (again, my opinion/feeling only). Agreed. I view my prototype to be a demonstration and enable experimentation. I expect it might be the basis of a future update to Style. I’m just putting thought on how should end up. I already ha…

[image] mawa: I believe ‘containers’ only should spread styles to the children (not controls). A control would only spread to his own ‘parts’. At first glace, this seems like a simplifying view. However, if only containers passed styles to their children, then every composite non-container co…

@HiGreg , I spoke with @RaananW about what you are proposing, and we have some thoughts. First and foremost, we both agree that we need to build the next version of the core GUI system all up to replace what we currently have. This new system would need to be integrated with the editor, and we would …

Agreed on all points. Thus far I have enough to keep me going on the prototype, and it is extremely helpful to know “CSS like” is the goal. At this stage, it’s a prototype to test feasibility and performance impacts on mirroring CSS-like functionality. Once I am able to execute basic functions, I’l…

Babylon.js Playground Babylon.js playground is a live editor for Babylon.js WebGL and WebGPU 3D scenes Propagation of properties works well. For the demo, Press color buttons excluding “change below”. “change top” will propogate cornerRadius and alpha chan…

[image] PatrickRyan: For example, I think we have a conflict between margin and padding between Babylon GUI and CSS where we use margin, but it’s really padding in CSS or vice versa, I don’t remember exactly which off the top of my head. Huh? Honestly, in css, nobody does (remember) :wink: …

I appreciate the conversation! Digging into CSS Layout, I’m working out how to apply it to GUI. At first I though block layout would apply most directly. But inline might apply inside a TextBlock? Then I remember there is already an HTML Texture. IDEAMARKER I’m wondering if GUI could apply Images f…

[image] HiGreg: I though block layout would apply most directly. But inline might apply inside a TextBlock? My two-cents and ‘high-level’ only: Speaking of ‘styling’ (in the sense of class/id) to me, refers to block display. In fact, in css, I mostly use inline either where I need explicit de…

[image] How can I use babylon HTMLMesh Looks like we are collecting some useful input for ‘design-thinking’ on this project of yours of revamping the BJS GUI :smiley: That’s exactly what that was! I’m working through code now that processes stylesheets and hope to apply selectors to style blo…

Future of styles and GUI controls?

Questions

mawa November 15, 2024, 11:44am 18

FYI: Waiting on a PG for use case. Sidenote: word-wrap might become a challenge if we want to ‘inline-style’ the TB

Topic		Replies	Views
QUICK REFERENCE: Button Tutorials and tips documentation , gui , button , quickreference	13	179	November 9, 2024
GUI Editor improvements (suggestion, feedback) - parts #1 to 6 Feature requests gui	22	1918	October 14, 2022
Null style properties shouldn't override set properties on applied controls Bugs gui	6	562	October 19, 2022
Create a UI with BJS 2D GUI in 3 simple lessons (New #Lesson2 available) Tutorials and tips tutorial , gui	22	3394	October 24, 2025
[GUI] StructuredTextBlock: multiple colors/styles in one block of text Feature requests gui	35	2153	September 7, 2024

Future of styles and GUI controls?

Related topics