How to filter a web form static element using a form variable | Community
Skip to main content
W
wpomeroy
New Participant
May 5, 2020
Solved

How to filter a web form static element using a form variable

  • May 5, 2020
  • 2 replies
  • 5633 views

I am trying to allow a user to define a local variable in a web form and then pass that variable (offer label, start date, end date) into a table (list with group) in order to filter the table by the variable.  It seems like this should exist in the UI but i can't find a way to align the table fields with the variables.  Does anyone know a way to accomplish this either in the web form interface or via JS?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Marcel_Szimonisz

hello @wpomeroy ,

turn on the _debug mode and see the web app context.

 

in general if you create the "Page (v5 compatibility)" with questions the xpath to that field should be:

 

ctx.webAppLogRcpData.your_input_name;

 

Also you have to make sure the survey option is checked in advanced properties of the web app:

 

if your form is ready with variable you want to save add Script activity and add in it logError() to stop processing and to show your web app context variables it will look similar to this:

<ctx lang="en" score="0" date="2020-05-06T07:50:23Z" _target="web" webApp-id="88878798798798" origin="neolane" _folderModel="nmsRecipient"> ... ... <vars> <my_context_var>your context variable</my_context_var> </vars> <webAppLogRcpData> <your_input_name> value </your_input_name> </webAppLogRcpData> </ctx>

 

Marcel

2 replies

_Manoj_Kumar_
_Manoj_Kumar_
New Participant
May 6, 2020

Hello @wpomeroy ,

You can define your variable in the webApp properties and then you can updated the values of the variable by Javascript.


Once you have declared the variable in the webApp proerpties then you can use the javascript code to update the variable.

document.controller.setValue('/ctx/vars/VARIABLE_NAME','VARIABLE_VALUE');

 

     Manoj     Find me on LinkedIn
W
wpomeroyAuthor
New Participant
May 6, 2020

Thank you for the response. I had already defined the variables and have fields in the page writing to the variables.  I am struggling with the JS piece within the page to then define the table based on the form response.  Is there a place within the list to call the variable or are you suggesting updating the JS on the code tab of the Web App?

if( (ctx.vars.OfferLabel == undefined || NL.String.trim(ctx.vars.OfferLabel.toString()).length == 0) )
{
// The context is empty for this non hidden input =&gt; try its post value!
var strPostValue = serverForm.request.getParameter("vars_OfferLabel")
if( strPostValue.length > 0 )
ctx.vars.OfferLabel = strPostValue
}

if( (ctx.vars.OfferStartDate == undefined || NL.String.trim(ctx.vars.OfferStartDate.toString()).length == 0) )
{
// The context is empty for this non hidden input =&gt; try its post value!
var strPostValue = serverForm.request.getParameter("vars_OfferStartDate")
if( strPostValue.length > 0 )
ctx.vars.OfferStartDate = strPostValue
}

if( (ctx.vars.OfferEndDate == undefined || NL.String.trim(ctx.vars.OfferEndDate.toString()).length == 0) )
{
// The context is empty for this non hidden input =&gt; try its post value!
var strPostValue = serverForm.request.getParameter("vars_OfferEndDate")
if( strPostValue.length > 0 )
ctx.vars.OfferEndDate = strPostValue
}

}

 

Marcel_Szimonisz
Marcel_SzimoniszAccepted solution
New Participant
May 6, 2020

hello @wpomeroy ,

turn on the _debug mode and see the web app context.

 

in general if you create the "Page (v5 compatibility)" with questions the xpath to that field should be:

 

ctx.webAppLogRcpData.your_input_name;

 

Also you have to make sure the survey option is checked in advanced properties of the web app:

 

if your form is ready with variable you want to save add Script activity and add in it logError() to stop processing and to show your web app context variables it will look similar to this:

<ctx lang="en" score="0" date="2020-05-06T07:50:23Z" _target="web" webApp-id="88878798798798" origin="neolane" _folderModel="nmsRecipient"> ... ... <vars> <my_context_var>your context variable</my_context_var> </vars> <webAppLogRcpData> <your_input_name> value </your_input_name> </webAppLogRcpData> </ctx>

 

Marcel

Terms & ConditionsAccessibility statement

Loading footer...