How To | Changing the color of a button using Block Controller

Learn how to customize the look of your buttons by changing their color using Block Controller.

Updated at January 2nd, 2024

Your engagement helps us create the content you need. Click here to review this article.


This steps below describe a simple way to change the color of a button using the Block Controller component. This can be useful to visually determine the state of a control using color. 

  1. Drag the scripting component Block Controller into the design.
  2. Add a control to the Block Controller.  Set the control to Toggle.
  3. Name the button “Btn”.
  4. Open the block editor and drag in the blocks to create what is pictured below from left pane to the editor.