ConfiForms - Using Expand or Tabs - How to populate different tabs with different fields-dynamically
Asked by Frank Rentef:

1. I have a form w/50 fields.
2. I wish to populate the data across 5 tabs (or expand box).
3. Each tab will have 10 unique fields. (Ideally each tab will be list view).
4. I am using ConfiForms Form Filter Control above an ConfiForms ListView.
5. The Filter Control works properly for the single ListView for all 50 fields.
6. However when adding Tabs 2-5 and populating the data with Form Fields (10 fields each unique to their own Tab) I only get duplicate data.... (same data as Tab 1).

Assistance is appreciated.

![#1 ConfiForms Form Filter Control.jpg](/t5/image/serverpage/image-id/55308i498FE0F03FBFEB32/image-size/large?v=v2&px=999 "#1 ConfiForms Form Filter Control.jpg")![ConfiForms Form Filter Control.jpg](/t5/image/serverpage/image-id/55309i180AD6C505C5C5BB/image-size/large?v=v2&px=999 "ConfiForms Form Filter Control.jpg")


Answers:
author: Darryl Peterson
body: Related question. I think/hope.

I have included an image of the MS Word Options dialog. I would like to have Confiforms do something similar. The user can select a tab (or expand box) and see that sub-section of fields. The actual control is not as important as being able to see a subset without navigating to other pages.

I can get the fields on the first tab to populate, but not the second and additional tabs. I have run out of ideas. I believe that I do not correctly understand the differences/architecture to use JavaScript on the front-end vs. the back-end.

Links to documentation as well as any links to examples/samples would be great.

Thank you.

![Capture.PNG](https://community.atlassian.com/t5/image/serverpage/image-id/56605i4B999F88E22E46EA/image-size/large?v=v2&px=999 "Capture.PNG")

comments: author: Alex Medved _ConfiForms_
body: Tab functionality providing apps do have a function to init the tabs.

If you have the ConfiForms form rendered as embedded then this will work for you, as tabs are "initialized" when the page is loaded.

But if you have a form that is rendered as dialog then you need to know how to initialize the tabs, as form view is rendered on demand (we have a "hook", a parameter where you can "call" initialization of your tabs or anything that needs initialization / post function)


author: Alex Medved _ConfiForms_
body: We have made some prototype to show how this could be done (not really should be done, as in our opinion the tab/expand macros should be self-initializing and work no matter how they are rendered - via page rendering or dynamically)

<https://wiki.vertuna.com/display/CONFIFORMS/Creating+tabbed+form+with+ConfiForms+and+Refined+UI+toolkit+UI+tab>


author: Alex Medved _ConfiForms_
body: ConfiForms Filter macro loads / refreshes the contents dynamically via AJAX call. The contents of the view it is used to filter is rendered server-side.

If you have macros that require some custom initialization on the client side then these are not executed (unless the initializers are correctly added to the rendered macro and into AJS.toInit)

Alternatively, you can tell ConfiForms Filter to execute any specific JavaScript you may require by defining these parameters

![filter-macro-js.png](https://community.atlassian.com/t5/image/serverpage/image-id/55478iC5AAFCA1CAB79B77/image-size/large?v=v2&px=999 "filter-macro-js.png")


author: Frank Rentef
body: ....someone.....


Tags: confiforms