> ## Documentation Index
> Fetch the complete documentation index at: https://domoinc-bradley-turek-pfilter-operators-reference.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Workflow Start Form Brick

## Intro

The Workflow Start Form Brick allows you to quickly start a workflow from a Domo Brick by gathering and passing customizable input values.

Learn more in the [Domo Bricks | Overview](/s/article/4423762260375).

***

## Access the Workflow Start Form Brick

1. In the navigation header, select **Appstore** to open the Domo Appstore.

2. Use the search bar to locate the Workflow Start Form Brick and open its Details page.

3. Select **Get**.

   <Frame>
     <img alt="workflow start form brick.jpg" src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/KxRhHgWYRzV4ssyT/images/kb/ka0Vq0000000KOX-00N5w00000Ri7BU-0EMVq000000Drkr.jpg?fit=max&auto=format&n=KxRhHgWYRzV4ssyT&q=85&s=bccf05e5a96119b98cc8b011dd534dd4" width="2738" height="1680" data-path="images/kb/ka0Vq0000000KOX-00N5w00000Ri7BU-0EMVq000000Drkr.jpg" />
   </Frame>

4. Save the brick to an existing dashboard or create a new one and select **Save**.

   <Frame>
     <img alt="Screenshot 2024-01-18 at 6.31.02 PM.png" src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/KxRhHgWYRzV4ssyT/images/kb/ka0Vq0000000KOX-00N5w00000Ri7BU-0EMVq000000Drph.jpg?fit=max&auto=format&n=KxRhHgWYRzV4ssyT&q=85&s=b2286f6e3a8d686e6a9f6492dbbce194" width="1208" height="900" data-path="images/kb/ka0Vq0000000KOX-00N5w00000Ri7BU-0EMVq000000Drph.jpg" />
   </Frame>

5. Go to the dashboard to begin developing your brick. Learn how to
   [get started with Domo Bricks <i className="icon-arrow-square-out sm" aria-hidden="true" />](https://developer.domo.com/portal/ec60c4980e1b5-getting-started-using-domo-bricks) in our developer portal.

## Use the Workflow Start Form Brick

<Warning>
  **Important:** Before you can successfully use the brick, you must have an existing workflow.
</Warning>

### Input Controls

There are five available sample input controls in the Workflow Start Form Brick:

* Text
* Number
* Dropdown selector
* Single-select radio button
* Checkbox

Each of these can be configured and values passed through to the configured workflow.

<Frame>
  <img alt="Screenshot 2024-01-18 at 6.44.57 PM.png" src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/pZJwYJIH2hdzXPKs/images/kb/ka0Vq0000000KOX-00N5w00000Ri7BU-0EMVq000000Drxl.jpg?fit=max&auto=format&n=pZJwYJIH2hdzXPKs&q=85&s=e248641071a0aee877aa0857f43c48ef" width="2124" height="726" data-path="images/kb/ka0Vq0000000KOX-00N5w00000Ri7BU-0EMVq000000Drxl.jpg" />
</Frame>

### Configuration

To configure your brick, hover over the card to display the <i className="icon-wrench-fill sm" aria-hidden="true" /> **Card options**.

Select **Card options** > **Edit Card** to display the brick settings. Here you can view the code editor for JavaScript, HTML, and CSS.

<Frame>
  <img alt="Screenshot 2024-01-18 at 6.55.11 PM.png" src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/pZJwYJIH2hdzXPKs/images/kb/ka0Vq0000000KOX-00N5w00000Ri7BU-0EMVq000000Ds0z.jpg?fit=max&auto=format&n=pZJwYJIH2hdzXPKs&q=85&s=ad522e96b1b93b15fb22838356227877" width="3580" height="1682" data-path="images/kb/ka0Vq0000000KOX-00N5w00000Ri7BU-0EMVq000000Ds0z.jpg" />
</Frame>

Use the **Select Workflow** option to search for the workflow you want to connect to your brick.

<Frame>
  <img alt="select workflow.jpg" src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/pZJwYJIH2hdzXPKs/images/kb/ka0Vq0000000KOX-00N5w00000Ri7BU-0EMVq000000Ds2b.jpg?fit=max&auto=format&n=pZJwYJIH2hdzXPKs&q=85&s=41cea7ca0c9b922bbb8fee7f630956f8" width="3580" height="1682" data-path="images/kb/ka0Vq0000000KOX-00N5w00000Ri7BU-0EMVq000000Ds2b.jpg" />
</Frame>

Locate your workflow and select **Choose Workflow**.

<Frame>
  <img alt="choose workflow.jpg" src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/pZJwYJIH2hdzXPKs/images/kb/ka0Vq0000000KOX-00N5w00000Ri7BU-0EMVq000000Ds4D.jpg?fit=max&auto=format&n=pZJwYJIH2hdzXPKs&q=85&s=5fb3bd0e9c541083df70af847c73398c" width="1114" height="1188" data-path="images/kb/ka0Vq0000000KOX-00N5w00000Ri7BU-0EMVq000000Ds4D.jpg" />
</Frame>

### Edit Brick

In the brick editor, follow the instructions in the **JavaScript**, **HTML**, and **CSS** tabs to configure the parameters of your workflow.

<Frame>
  <img alt="Screenshot 2024-01-18 at 7.07.30 PM.png" src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/pZJwYJIH2hdzXPKs/images/kb/ka0Vq0000000KOX-00N5w00000Ri7BU-0EMVq000000Ds7R.jpg?fit=max&auto=format&n=pZJwYJIH2hdzXPKs&q=85&s=47b7b218cc0038d4915bbbf1b504cf43" width="1802" height="864" data-path="images/kb/ka0Vq0000000KOX-00N5w00000Ri7BU-0EMVq000000Ds7R.jpg" />
</Frame>

Select <img src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/pZJwYJIH2hdzXPKs/images/kb/ka0Vq0000000KOX-00N5w00000Ri7BU-0EMVq000000Ds93.jpg?fit=max&auto=format&n=pZJwYJIH2hdzXPKs&q=85&s=52de87ce3d1f393fdf144a9f959b55ba" style={{width: 20, height: 20, display: 'inline', verticalAlign: 'start', margin: '0'}} width="46" height="46" data-path="images/kb/ka0Vq0000000KOX-00N5w00000Ri7BU-0EMVq000000Ds93.jpg" /> **Run** to run the code in the app preview before saving and closing.

<Frame>
  <img alt="run code.jpg" src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/pZJwYJIH2hdzXPKs/images/kb/ka0Vq0000000KOX-00N5w00000Ri7BU-0EMVq000000DsCH.jpg?fit=max&auto=format&n=pZJwYJIH2hdzXPKs&q=85&s=d933f9d763f2862dcd9fc6932405b4e8" width="1802" height="864" data-path="images/kb/ka0Vq0000000KOX-00N5w00000Ri7BU-0EMVq000000DsCH.jpg" />
</Frame>

If the code runs correctly, select **Save & Finish**.

<Frame>
  <img alt="save and finish.jpg" src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/pZJwYJIH2hdzXPKs/images/kb/ka0Vq0000000KOX-00N5w00000Ri7BU-0EMVq000000DsIj.jpg?fit=max&auto=format&n=pZJwYJIH2hdzXPKs&q=85&s=5b63520d40a899cc730ff7412a5683e2" width="2038" height="1100" data-path="images/kb/ka0Vq0000000KOX-00N5w00000Ri7BU-0EMVq000000DsIj.jpg" />
</Frame>
