Omniverse UI Styling Documentation and No Code UI Export Guidance

Hey everyone! I’m working on an extension for Isaac Sim and I’m running into some documentation gaps around UI styling. I’ve been digging through the official docs and while the omni.ui and omni.kit.documentation.ui.style give examples of the syntax, I’m struggling to find comprehensive info or interactive examples on which styling properties work with which UI elements.

For instance, I discovered that Button has background_color but Label doesn’t, and I had to use style_type_name_override=“InputField” (it doesn’t have to be specifically “InputField”) on StringField elements to get certain styles working (found that in some document and repositories). But there’s no clear documentation explaining what properties (background_color, color, margin, padding, border_width, margin_height, etc.) are available or deprecated, and when/why this override is needed, or what other elements require it.

I’m also curious about the No Code UI extension mentioned in the Omniverse Extensions - specifically how to export layouts from it into proper Isaac Sim extension code for further development.

Additional Context

I’m building this for production use and want to make sure I’m following Omniverse Extension UI standards properly. Any pointers to documentation, examples would be super appreciated!

Thanks in advance!

Isaac Sim Version

4.5.0

Operating System

Ubuntu 22.04

GPU Information

  • Model: RTX 3090

You can identify which style properties are applicable to specific widgets and their states by following the interactive workflow described in Styling — Omniverse Extensions.

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.