Skip to main content
1-Visitor
July 13, 2020
Solved

Whats an efficient way to design huge forms with grid like structure

  • July 13, 2020
  • 2 replies
  • 1235 views

The forms which i am trying to design are grid like structure(horizontal and vertical mixed) with multiple columns and rows, inside the cell have to put textbox to get user input. Currently am using divider to create the required cells which is not an efficient way considering time and effort. it would be good, if it have any other way to design these kind of structure.

Best answer by wposner-2

Try the collection widget.  Use a data table to store your form structure.  The collection widget can then read the rows in your data table and automatically generate your form.  You're underlying datashape should define what each cell of the form looks like:

 

fieldName -- the attribute name

displayName -- so you can set the label

dataType -- so you can do any business logic casting when you process your user input.

inputType -- so you can show or hide different widgets depending on how you'd like to collect the data:  text input, vs value display, vs list, vs checkbox, etc.  You could also use this field for the MashupName parameter in the collection widget--you'd just create a unique mashup for each user input type you want to use.

2 replies

wposner-21-VisitorAnswer
1-Visitor
July 13, 2020

Try the collection widget.  Use a data table to store your form structure.  The collection widget can then read the rows in your data table and automatically generate your form.  You're underlying datashape should define what each cell of the form looks like:

 

fieldName -- the attribute name

displayName -- so you can set the label

dataType -- so you can do any business logic casting when you process your user input.

inputType -- so you can show or hide different widgets depending on how you'd like to collect the data:  text input, vs value display, vs list, vs checkbox, etc.  You could also use this field for the MashupName parameter in the collection widget--you'd just create a unique mashup for each user input type you want to use.

Community Manager
July 20, 2020

Hi @Ashikkasim.

 

If you feel the previous response answered your question, please mark it as the Accepted Solution for the benefit of others with the same question.

 

Thank you for your participation in our community!

 

Regards.

 

--Sharon