Skip to content

Actions: Change to another layout

For basic intro into Actions, look at the concept page.

Template Variables

When referring to variables on this page we refer to Template variables unless stated differently.


A trigger is set to act upon a variable value change.

This variable is a List variable, containing the names of the possible output sizes.

The action will execute the change, based on the change of the List variable.


The variable

A list variable "Ad size" is defined.

The items in the list contain the names of the output you'll need.


The trigger

An action is defined (See Create Actions on how to do this)


Step 1 is to define the trigger, that will initiate the action.

PS: You can have 1 or more triggers, to initiate the action.

In this case, the trigger is initiated when the "Variable value changed", specified by the "Ad size" variable.



The script (action) executed upon the trigger

let layoutName = studio.variables.getStringValue(triggers.variableValueChanged);;

A Javascript variable layoutName is defined as the string value of the Template variable that triggered the action. In this case this is the name of the selected ad size.

This JavaScript variable is then used to select the layout with the same name (the items in the "Ad size" list Template variable need to have the same name as the layouts).

The result

When the end-user changes the value of the list variable (Template), the GraFx Studio layout will change to the chosen name.

Output will be based on the chosen layout.