How To | Disable a button using a Block Controller

Learn how to disable a button using a Block Controller.

Updated at January 16th, 2024

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


In some instances, you may need to temporarily lock out controls that will be re-enabled later. The steps below show how to use a Block Controller component to disable a button using IsDisabled.

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