Skip to main content

Reading query params in public apps

Query string parameters are key-value pairs which store values in the URL such as search terms or page translation data that can be referenced inside the Web App. Using DronaHQ's Query String config option, you can configure custom query string parameters to perform certain actions on page load or prefill data to input controls within the app.

Configure Query String Parameters

Navigate to Config Options -> Query String. Click on Add query string and define your query strings name and value. Once done, click on Save Query String.

Query String Config Options Modal
Query string config screen

Accessing Query String Values

The query string paramter values can be accessed through the QUERYSTRING("paramName") function where paramName is the name of the query string parameter you want to access. The query string value can be statically binded to any control using the Formula Box available in Data Bind Section or can be accessed in the Actionflow using the Compute action block.

Using Data Bind Section

You can bind query string value to the control, by clicking on the Control -> Data Bind Section -> FX -> Edit and then specify the query string parameter within the QUERYSTRING("paramName") function in the formula box as shown below. In our example, it is QUERYSTRING("Name").

Query String Config Options Modal
Data bind formula box

Using Actionflow's Compute Block

Binding query string variable is a two step process in Actionflow, where firstly the query string parameter value is stored inside a variable using the Compute block and then using Set Control Value block the variable's stored value is assigned to a control.

  • Access Query String - Add a Compute block, and create variable(s) by clicking on the Add Variable button. In our example, we have set the variable name as emailVar and the formula as QUERYSTRING("Email").
Action Flow Set Control Value - Query String
Actionflow compute block to access query string value
  • Bind Variable to Control - Within the Set Control Value block, select the control you want to bind data with, and set the control value as the variable created inside the Compute block.
Action Flow Set Control Value - Query String
Variable value binded to control