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; } } }

Tab RowContinue

kaalraa

Hi all,

I have a large DCT, which is spanning across 15 tabs. As a usability concern, customer has requested to put the tabs in 2 rows.

Can anyone provide any pointers/suggestions? I am OK to hack the internal interwoven display properties.

Thanks in advance.

Find more posts tagged with

Comments

Rick Poulin

You might have some luck modifying the formspublisher custom.css (and that would be supported) but if I remember correctly, tabs are rendered using a table and not divs.. you might have to read the table and then rebuild it using Javascript at onFormInit.

Snap 2014-10-24 at 08.24.21.png