Apply styles in interfaces

In BRIX, you can customize the appearance of forms, pages, and custom widgets in the interface designer using CSS. The following options are available:

  • Style editor. A dedicated tool for creating CSS styles, built into the interface designer and available starting with version 2026.4. The style editor provides:
    • Code completion and error checking.
    • Style isolation. Styles are applied only to the current component and do not affect surrounding interface elements.
    • Style preview. You can preview your changes in the design canvas and verify the appearance of widgets before publishing.
  • Code widget. A widget that you can add to the design canvas to write HTML code. CSS styles can be defined inside the <style> element. Because this widget is not designed specifically for CSS, it does not provide code completion, error checking, or style isolation.
  • HTML styles. An option in a widget's system settings that allows you to customize the appearance of an individual widget.