StreamDeck

In Grid, you are able to create your own widgets and use them onto the Streamdeck. This means you have much more flexiblity in creating designs for buttons on your streamdeck.

Setup

Making a connection to the StreamDeck

Firstly you need to check the extact model of the StreamDeck that you have. Currently the models of StreamDeck that are supported with Grid are: MK1, MK2, Plus, and XL.

Prior to making a connection with Grid, make sure that the normal StreamDeck application is NOT running on you machine.

In the project tree, create the corresponding object.

In the StreamDeck Inspector, under the Device property, select the connected StreamDeck.

If the connection is successful, the Connected property should now be ON. Also in the project tree, the StreamDeck object should have a green dot next to it indication the StreamDeck is online.

In the StreamDeck Inspector, you can click on the Open Editor button to bring up the StreamDeck Editor window and see a representation of your StreamDeck.

Creating the Button Design

For each unique design for your button on the StreamDeck, you would need to create a widget for it.

To do so, you need to create a Linked Widget object in the project tree.

After creating a Linked Widget, in the inspector, there is the button to Open Template Editor to bring up the Widget Editor window.

It is a good idea to define the size of the widget to be the same as the resolution of the button on your StreamDeck.

Just like a normal widget, you can design your own widget. For more details on how to design your own widget, please refer to here.

It would be a good idea to change the name of your linked widget so that it is easier to manage.

Once your have designed your linked widget, you would need to link it with the StreamDeck.

To do so, you need to go into the StreamDeck object, under the General tab of the Inspector and add a User Widget.

Just like before it is a good idea to rename this so that it is easier to manage.

Once the widget has been linked to the StreamDeck, you can now go into the StreamDeck Editor, select your button, and assign the widget into your button.

Currently there is a UI bug where in the StreamDeck editor, the layout does not update with the widget design of the button.

The last step is to assign the event and action for this button.

Pages

Adding Pages

It is possible to add a new page for the StreamDeck.

In the StreamDeck Editor window, at the top left corner, click on the (v) icon to bring out the secondary menu and select Create New Page.

At the top right corner of the window is an indicator to show you which page you are currently on.

Switching Pages

To switch between the different pages, click on the (v) icon at the top left corner of the StreamDeck Editor window, and choose the page that you want to swtich to.

Rename Page

As you have more pages in the your project, it would be a good idea to rename your page.

To do so, click on the page indicator button and select Rename Page.

Delete Page

If you have accidentally created a page, you can delete the entire page.

To do so, click on the page indicator button and select Delete Page.