bhashwar_bhatta
Nintex Newbie

Re: CREATING TABBED FORMS IN NINTEX FORMS FOR OFFICE 365

Jump to solution

How do you collapse all in display mode? We print to PDF and send it to client, but all the fields do not show up in view mode unless you manually click on each tab.

0 Kudos
Reply
Not applicable

Re: CREATING TABBED FORMS IN NINTEX FORMS FOR OFFICE 365

Jump to solution

I've set this up in our test environment and it mostly works as described. The only issue I'm having is that I have to move all of the panels on top of each other at the top of the form. Otherwise when I switch Tabs the panels near the bottom of the form leave a large empty space that we have to scroll through. How can I get the lower panels to move up when the tops ones are hidden? It's impossible to make amendments to the form with everything on top of each other.

0 Kudos
Reply
Not applicable

Re: CREATING TABBED FORMS IN NINTEX FORMS FOR OFFICE 365

Jump to solution

Hello:)

We have the same issue as you - the content on the second and third tab shows near the bottom - I assume they appear in the same space as they are when you are designing the form.

Did you get any help on how to solve the issue?

Thank you for your response:)

0 Kudos
Reply
erin_short
Nintex Newbie

Re: CREATING TABBED FORMS IN NINTEX FORMS FOR OFFICE 365

Jump to solution

I am experiencing the same problem.  I cannot figure out why the subsequent tabs are not showing anything.

0 Kudos
Reply
erin_short
Nintex Newbie

Re: CREATING TABBED FORMS IN NINTEX FORMS FOR OFFICE 365

Jump to solution

Same issue here.  Please help

0 Kudos
Reply
bhashwar_bhatta
Nintex Newbie

Re: CREATING TABBED FORMS IN NINTEX FORMS FOR OFFICE 365

Jump to solution

Sometimes if the panel are overlapping or not not touching each other the tabs does not display properly or may leave extra space in the bottom. I usually leave a extra line of space at the top of each panel.

Hope that helps!!

Reply
erin_short
Nintex Newbie

Re: CREATING TABBED FORMS IN NINTEX FORMS FOR OFFICE 365

Jump to solution

THANK YOU!  That helped.

0 Kudos
Reply
rinu
Nintex Newbie

Re: CREATING TABBED FORMS IN NINTEX FORMS FOR OFFICE 365

Jump to solution

for some reason the css used for the Radio button is still showing as radio buttons not tabs.

0 Kudos
Reply
bhashwar_bhatta
Nintex Newbie

Re: CREATING TABBED FORMS IN NINTEX FORMS FOR OFFICE 365

Jump to solution

make sure you have done the following:

  • created a tab choice column with all the tab values as choices (name: tab, connected to: tab, CSS: customtab)
  • on the control settings of "tab" choice column (render as buttons: no, arrange choices: down then across, number of columns: 1, column alignment: fixed)

/*Tabs1*/
.customtab { 
    float: left; 

.customtab tr { 
        float:left; 

.customtab label { 
        background: #eee; 
        padding: 7px 3px; 
        border: 1px solid #ccc; 
        margin-left: -1px; 
        position: relative; 
        left: 1px; 
        border-radius:5px 5px 0px 0px; 
        cursor:pointer; 
        border-bottom:none; 
        text-align:center; 

.customtab [type=radio] { 
        display: none; 

[type=radio]:checked ~ label { 
    background:#daa520

    border-bottom: 1px solid white; 
    z-index: 2; 
}   

  • on the save and submit button (on advanced/ causes validation: yes, client click: setControlValue();
  • are all the rules setup properly? (example: for each choice in the tab colmnn Tab!='Scope of Work' , also check the hide option)

Hope that helps!!

0 Kudos
Reply
sandra_nz
Nintex Newbie

Re: CREATING TABBED FORMS IN NINTEX FORMS FOR OFFICE 365

Jump to solution

I get an error message saying 'TabButton' is undefined

However, I have named the choice control TabButton. What else do I need to do in order to define it?

(I know this article is a few years old but I'm hoping someone may be able to help!)

0 Kudos
Reply