Contact Us
Contact Us

CATEGORIES

IN THIS ARTICLE

    Pixera Hardware

    Pixera Software

    Pixera Control

    Everything about Pixera Control

    Pixera 2.0

    Learn more about all the new features

    Pixera Hub

    Knowledge about Pixera Hub

    Whoops…Nothing found

    Try other keywords in your search

    Back to home page   or   Open a ticket

    CATEGORIES

    IN THIS ARTICLE

      "Style Action" to Change the Style of Module UI Element

       0 Minutes

       4 Likes

       1204 Views

      In this article, we will go over how to have custom Actions change the Style of UI Elements using the “Style Action” setting found on every Element in a Module's UI.

      Workflow

       

      First, you will want to create a Module with a UI and the Element you want to effect, such as a Button. You will then want to create an "Action with Attribute" in the Module.

       

      Now you will want to add multiple Styles to the Button using the “Style” section of the Inspector. Note, the name of these Styles will be what you will have to send from the Action to this Element.

       

      In this example, each Style has its own background color to easily tell between them. The “green” Style has a green background and the “red” Style has a red background.

       

      Now you will want to put your “Style Action” to be the Action created earlier, and make sure to save the UI using the store button.

       

      You can now enter the name of the Style you want to use, and the Element will update to that Style with all its set CSS.

       

      There are a variety of ways to create the same functionality, such as using "SendText' Modules to send specific values more easily. You can also manually program with LUA code a way to change the Style based on a check, such as red if a Timeline is stopped or green if playing.


       

      PIXERA 2.0.223 | 18. December 2024 | CL

      Was this article helpful?