Forum Discussion

LorraineChung's avatar
LorraineChung
Qrew Trainee
7 years ago

how do I create a button that allows the user to continue to the next tab

We are creating a public form with multiple sections. Using the new tab section makes the form looks a lot neater, which is great, but there doesn't seem to be a way for us to indicate to the user whe...
App builders
Ask about Quickbase functionality
Forms
MichaelHalbrein's avatar
MichaelHalbrein
Qrew Cadet
7 years ago
having trouble getting image uploaded.  to try to describe the scenario ... on tab 1, the button sits at the bottom of the form from the beginning (e.g. it is always shown).  The user answers multiple questions on the form.  The last MC question (Yes or No) sits just above the button.  If the user selects yes, the 2nd tab shows up (the 2nd tab is otherwise hidden).  The 2nd tab is hidden from the start and only shows when Yes is selected to that question.  If the user selects No then it remains hidden.  In this latter scenario, the button, when clicked, should go to the 3rd tab that is always shown.  I hope this helps?!


  • AlexWilkinson's avatar
    AlexWilkinson
    Qrew Assistant Captain
    7 years ago
    Very helpful. I was able to create a test form (modified from one of my production apps) with settings that exactly match those you described. And, yes, the test form reproduced exactly the behavior you described. I'd like your scenario to work for my own apps, so I will start debugging the test form. I'll post a solution here, if I am able to find one.
  • AlexWilkinson's avatar
    AlexWilkinson
    Qrew Assistant Captain
    7 years ago
    Modifying just the first line of the script seems to solve the problem. Here's the full script:

    var nextTabLink=$("li.ui-tabs-selected").nextAll(":visible").children("a:first");
    $("#saveAndKeepWorkingMenuOption").click();
    var noErrorDialog=$('#qbDialog').length==0;
    if( noErrorDialog ){
    $(nextTabLink).click();
    location.assign("#mainBodyDiv");
    };