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
.
Accessing Query String Values
The query string parameter 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")
.
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 theAdd Variable
button. In our example, we have set the variable name asemailVar
and the formula asQUERYSTRING("Email")
.
- 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 theCompute
block.