How to separate my Introduction page from my question page.

  • mbas123
    Asked on April 23, 2015 at 9: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

     

     

  • Elton Support Team Lead
    Replied 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.

    How to separate my Introduction page from my question page Screenshot 30

    This will remove the tab1 from the tabs. Example:

    How to separate my Introduction page from my question page Screenshot 41

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

  • mbas123
    Replied 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

  • Elton Support Team Lead
    Replied on April 24, 2015 at 4: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.

    How to separate my Introduction page from my question page Screenshot 20

    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!