Forms - Collapsible Category Section

Sharon Parry asked on November 3, 2017 03:59

Hi,

I've got a form with similar requirements as those described by this person. Understand Brenden's recommendation - ie, to apply relevant visibility to individual fields (and I'm already doing that with a lot of fields in this very extensive form) - but that's not what I'm trying to do.

Because the form is very large - in this instance more than 100 fields - for useability it needs to have relevant headings applied to sections of the form. Form categories are good for this and if the default layout is suitable it's a perfect solution, particularly as you can specify categories to be collapsible as well as collapsed by default.

BUT ...

The problem is the default layout is in <table> layout, making it terrible for mobile display!

So:

  1. Has version 9 changed in some way to allow me to include Categories in a form's custom layout? If so, how do I do it? I can't see the Category fields listed anywhere.
  2. If not, is there a way to remove the default <table> layout of form so that I can apply css classes for mobile-friendly layout?

It's the ability to setup "Sections" of the form in categories, together with the collapsibility of the Categories and flow-style layout that is important. The people using these forms will be using their mobile phones in the field. The default <table> layout is completely inappropriate.

Thanks for your ideas!

Correct Answer

Brenden Kehren answered on November 3, 2017 04:18

If you're using the webpart scroll all the way to the bottom of the properties and enable the output filter checkbox then in the last dropdown convert all table tags to div and they will be rendered as div tags with classes assigned to them.

If you're using the widget then you have to,make a change at the widget level to show that system property and enable the visibility on those properties for the widget.

If you don't want to convert the table layout to a div layout then you can use jQuery to turn those categories into a tablet out. The categories will render a class on them if you use the auto layout. Or you can create your own custom layout,

1 votesVote for this answer Unmark Correct answer

Recent Answers


Sharon Parry answered on November 3, 2017 04:39

Aha! I've never spotted that before!

Perfect. Thanks, Brenden.

0 votesVote for this answer Mark as a Correct answer

   Please, sign in to be able to submit a new answer.