How to separate my Introduction page from my question page.

  • Profile Image
    mbas123
    Asked on April 23, 2015 at 09:02 PM

    Hi,

    I am using Form Tab Widget and one each tab I have a set of question. I used the Form Tab Widget to group my questions. Now I want to put my Introduction page separately and when user click a "start" button on my Introduction page, the Form Tab Widget will be displayed with the questions in the tab. I am struggling to accomplish it because when I put my Introduction page it is also placed in one of the tab. Can I separate my Introduction page and use the Form Tab widget at the same time.

    Thanks,

    Rey Galvez

     

     

  • Profile Image
    EltonCris
    Answered on April 23, 2015 at 11:43 PM

    Hi Rey,

    That's possible. You can remove the first tab by injecting custom CSS codes in the form tab settings.

    Use this CSS:

    ul#tabs-list > li:first-child {display: none;}

    Paste this in the Custom CSS box under Form Tab Settings.

    This will remove the tab1 from the tabs. Example:

    Let us know if this isn't what you mean. Thanks!

  • Profile Image
    mbas123
    Answered on April 23, 2015 at 11:59 PM

    Hi,

    What I want to achieve is I want my Introduction page not to be inside the Form Tab widget. I want to have a sort of separate page for the introduction which state the purpose of the survey and when user clicked the Start survey button in the intro page the Form Tab widget will be displayed and will leave the introduction page or undisplayed the introduction page, a sort of transition between the intro page to form tab widget.

    Thanks,

    Rey Galvez

  • Profile Image
    EltonCris
    Answered on April 24, 2015 at 04:08 AM

    @Rey

    Unfortunately, I can't find any possible workaround to achieve the function you want using one form.

    My suggestion would be using 2 different forms, the introduction form as your first form and the main form containing the form tabs as your second form. On your first form, set the second form as its custom thank you URL. So when they submit the first form, they will be redirected to your second form. This will definitely work for you.

    Or you can also download your form source code and use custom scripts to achieve the function you want. This would be a bit complicated though since it involves manual coding and I would rather not take this route. :)

    Hope this helps. Thank you!