Home Forums Plugin Support WP User Frontend Pro Multiple forms on the same page.

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by  Jourdain 4 years, 1 month ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #42874

    Jourdain
    Member
    Post count: 3

    Hi Guys,

    I was wondering if it is possible to add multiple forms on the same page.

    I am currently creating a user flow so its is very easy for users to add different types of content. My plan does not work if different forms cannot be added to the same page.

    If it is not currently possible is there a solution, seems like a logical feature to me with the varied content types available within WordPress

    I look forward to hearing from you.

    Cheers

    #42911

    towhid
    Participant
    Post count: 4505

    Hello Jourdain,

    I am really sorry to say that we do not have this kind of feature right now.
    Can you please check the below discussion about registration form but it could be help you get an idea how to implement a multiple form in a same page.
    https://wedevs.com/support/topic/problem-when-there-are-two-registration-forms/

    Thank you ๐Ÿ™‚

    #42960

    Jourdain
    Member
    Post count: 3

    Hi Towhid,

    Thanks for the response. I had a look and understand that adding multiple forms to the same page is currently not possible.

    Here is what I have I done as a workaround for anyone who want's to give the impression of multiple forms on the same page

    Create and style an unordered list to your liking (I used this article for style reference). Once you have your list you can create multiple pages, one for each form you want to create. Then copy the <ul> to each page, link each <li> item to the appropriate pages you have just created. You need a “current” class to display only the content from the <li> item you want.

    The HTML I used

    <div class="container">
    <ul class="tabs">
    	<li class="tab-link" data-tab="tab-1"><a href="">Heading Here</a></li>
    	<li class="tab-link" data-tab="tab-2"><a href="">Heading Here</a></li>
    	<li class="tab-link" data-tab="tab-3"><a href="">Heading Here</a></li>
    	<li class="tab-link current" data-tab="tab-4">Heading Here</li>
    </ul>
    <div id="tab-1" class="tab-content"></div>
    <div id="tab-2" class="tab-content"></div>
    <div id="tab-3" class="tab-content"></div>
    <div id="tab-4" class="tab-content current">link form to be displayd here</div>
    </div><!-- container -->

    And some CSS

    .tab-content{
    	display: none;
    	}
    
    .tab-content.current{
    	display: inherit;
    	}
    

    As long as your pages load in a reasonable time it gives a seamless transition between forms.

    Cheers

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Multiple forms on the same page.’ is closed to new replies.