Creating Tabbed Interface In Oxwall

[wfadmin]

I have a multipage form that I'd like to deploy using a tabbed interface. I'd like to deploy the datapages on our Oxwall site on a blank page. Up to now, I've managed to embed the deploy code for one page, but I'm having a hard time figuring out how to create the tabbed interface given the existing Caspio tutorials. 

 

I have the datapages linked through passing parameters, and so Tab1 would route to Tab2 to Tab3, etc.

 

Any help on how to set up the html would be greatly appreciated!

 

[svitlanataran]

Hi,

 

Consider using the following solution. Deploy datapages in different html files. Set up redirection for each datapage. So, datapage1 should redirect to the deployed datapage2 and so on.

 

You could use the html code for the webpage like in the example below:

 

<ul>
<span>
<li><a href="index.html" class="selected">Manage Members</a></li> 
<li><a href="eprofile.html">My Profile</a></li>
<li><a href="profile_password.html">Change Password</a></li>
</span>
</ul>

Take a look at the live example of using this html code in the membership directory ready made app. This example doesn't contain redirection, but I think, you'll get the idea.

 

Hope it helps.