nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Confiforms Tabbed View in Dialog Mode

Tim Oldendorf

I am trying to used a tabbed view in my form. But I am finding that when the form is viewed in dialog mode and not embedded in the page, the tabs will not work. I am using Confiforms and for the tabs using HTML Elements plugin (I have tried other plugins as well). When the form is embedded on the page, it works with no problem.

Is there anyway to initialize these tabs when the form is in dialog mode and not just when it is embedded on the page? Any help is appreciated! Thanks!

Accepted answers

Davin Studer

I'm seeing the same behavior. I've tried a number of things and cannot seem to get it to work either. I even tried re-initializing the tabs after the dialog has opened using AJS.tabs.setup(); and that didn't work either. It probably has something to do with how they are dynamically adding the form when the dialog opens. I would suggest raising a suggestion with Vertuna. They are pretty responsive to suggestions.

Alex Medved _ConfiForms_

@Tim Oldendorf @Davin Studer

I have created a small tutorial to demonstrate how ConfiForms can be used in dialog mode with tabbed contents (using Refined Toolkit UI tabs)

I hope it helps you.

All comments

Davin Studer

I think it has to do with the fact that when you use a ConfiForm via dialog mode the html elements that make up the form are duplicated in the page source. Thus there are two sets of tabs on the page with the same ID, which I think is confusing the AUI tabs.

Davin Studer

After messing around a bit I'm pretty sure this is indeed the issue. I manually changed the ID's in the page source after the page has loaded and the dialog opened and I was able to get the tabs to work.

Tim Oldendorf

Hi Davin -

Reaching out to Vertuna, was told that if I know what needs to be called to initialize the tabs, then I can easily add the Javascript calling Confiforms Field Definition rule and do it every time the form is initilized. Which kind of sounds like what you did in your first comment, right?

Alex Medved _ConfiForms_

@Tim Oldendorf @Davin Studer

I have created a small tutorial to demonstrate how ConfiForms can be used in dialog mode with tabbed contents (using Refined Toolkit UI tabs)

I hope it helps you.

Davin Studer

Thanks sir.

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

server

confluence-server

confiforms