Survey library: Hidden fields

Agasya

created 5 years ago

Hello Team,

We want to have hidden fields in our form. Right now, if we select "is visible" to false, then the form element is not rendered at all.
I will give you some context why we want to do this. So, we want to render a card kind of thing in the form using html input. That card contains some data specific to user. Now, we setup form elements with data, hide them and use those as values while rendering html. Let me know your thoughts.

Thanks,
Navaneeth

Answers approved by surveyjs Support

Andrew Telnov

created 5 years ago

Hello,
You can use calculated values. Here is the example.
Another option is to use variables.

Thank you,
Andrew
SurveyJS Team

Show previous comments (7)

Agasya 5 years ago

No. Calculated value is like derived value, right? Thats not I want.
https://surveyjs.answerdesk.io/ticket/details/t4215 If you see this question, I implemented a way to load some form fields based on logged in user based on our APIs. Now, I want to use this feature to get data from server and bind into hidden fields and use that field data to render some html. I exploring this way because this way helps creator users to render some html with data without writing code. its like some hacky way to render html with data on form.
But, if i use "is visible", form fields are not rendering at all. In such case, I cannot use data associated to those fields.

Andrew Telnov 5 years ago

Now, I want to use this feature to get data from server and bind into hidden fields and use that field data to render some html.

I am sorry, but what is wrong with having a typical JavaScript object then? myHiddenData: { key1: value1, ... } You can include them into survey results, if you want, before saving the data and restore, before setting survey.data from your database, using your own rules (for example key prefixes).
Probably I am getting something wrong.

Thank you,
Andrew
SurveyJS Team

Agasya 5 years ago

the data is not static.
Say I create form with a field called username, then the username field value will be different for every user, right? so, I cannot hardcode into any Javascript object.
So my workflow is like below:

Survey creator -> add new text input -> set default value based on an ajax call (this ajax call gives data based on logged in user) -> hide it -> use it as data for html.

I am not writing code here. All using survey creator.

Andrew Telnov 5 years ago

Hello,
You will have to write some code in your running survey anyway. I would suggest to add a property/properties into survey itself. Based on these properties, run ajax requests to your server on creating the survey, after loading the json from database. After getting results from your ajax request, you will be free to use the results from your server based on your needs.
The problem, that you are trying to solve this task using SurveyJS code, but this task is not related to SurveyJS library. SurveyJS can help you to make your surveys non static, by allowing creator users to setup your custom properties, that you can use later.

Thank you,
Andrew
SurveyJS Team

Agasya 5 years ago

okay. I will check. Thanks for the help. I am still learning the whole setup will think through it and implement.

Serge T 5 years ago

Please feel free to contact us in case of any further questions.

Thanks, Serge
SurveyJS Team

BorisKutz 4 years ago

I also get problem with storing server data for conditional rendering and found hacky solution:

JavaScript
import * as Survey from 'survey-knockout';

Survey.Serializer.findProperty('text', 'inputType').choices.push('hidden');

I just added hidden choice to inputType property of text class. It works because of SurveyJs pass inputType value to HTML input tag type attribute. So by the HTML input is hidden, but it's value is calculating because in survey model it's visible.

Only problem I found for now is related to rendering same question in toolbox - so You need to switch to visible type to set default value or use it in expression builders, etc.
Possibly it have sense to implement it from the box?

Andrew Telnov 4 years ago

What is wrong is survey.calculatedValues? You can store them in survey results if needed and put their any expression, including constant.

Thank you,
Andrew
SurveyJS Team

BorisKutz 4 years ago

Hi, Andrew!

What is wrong is survey.calculatedValues?

I think problem in naming and documentation. Name calculated is not obvious for storing constant values. When I readed documentation I don't recognize that I can store constant in expression field.

I just checked - it works for me, thank You again! But please, think about naming improvement. Possibly survey variables can be more clear for developers as variable can also store expression?

Andrew Telnov 4 years ago

Hello Boris,
Yes, calculatedValues are not documented. We are going to fix this.
Regarding variables. We have a variables concepts. You can use:
survey.getVariable("yourValueName"); and survey.setVariable("yourValueName", value);. They are not bind with questions and they are not stored in survey.data. However, they can be used in expressions.

Thank you,
Andrew
SurveyJS Team

Survey library: Hidden fields

Answers approved by surveyjs Support

Recently viewed tickets