I would like to use the cool new UI widgets in a somewhat different way. I have a page that will have 3 different contact forms on it and I would like each contact form to be inside of it's own tab.

Anyone know of an easy way to do this? I was thinking I could design a special Skin that put the content areas inside of the UI widget and then I could easily add the Contact Forms to each content area. Thoughts?

-Joe

Hi Joe,

Ask me this question again after the next release and I will have a workable solution. 

Best,

Joe

Hi Joe,

Create a text file named whateveryoulike.ascx

paste in this:

<%@ Control Language="C#" ClassName="MultiModuleInTabsModule.ascx" Inherits="mojoPortal.Web.SiteModuleControl" %>

<%@ Import Namespace="mojoPortal.Business" %>
<%@ Import Namespace="mojoPortal.Business.WebHelpers" %>
<%@ Import Namespace="mojoPortal.Web.Framework" %>
<%@ Import Namespace="mojoPortal.Web.Controls" %>
<%@ Import Namespace="mojoPortal.Web.Editor" %>
<%@ Import Namespace="mojoPortal.Net" %>

<script runat="server">

protected void Page_Load(object sender, EventArgs e)
{
}

</script>

<div class="mojo-tabs">
<ul>
<li><a href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
<li><a href="#tab3">Tab 3</a></li>
</ul>
<div id="tab1">
<portal:ModuleWrapper ID="ModuleWrapper1" runat="server" ConfigureModuleID="5" />
</div>
<div id="tab2">
<portal:ModuleWrapper ID="ModuleWrapper2" runat="server" ConfigureModuleID="58" />
</div>
<div id="tab3">
<portal:ModuleWrapper ID="ModuleWrapper3" runat="server" ConfigureModuleID="5" />
</div>
</div>

Configure the moduleids and tab labels.

Put the file in the /Modules folder or wherever you like.

Install it via the UI under Admin > Advanced Tools Feature Installation.

Add it to a page or pages.

Hope it helps,

Joe 

Hi Joe,

Glad it worked for you and thanks for making a nice blog post about it!

I've created a link to your post in the Community Tutorials page to make it easy for other mojoPortal users to find it.

Cheers,

Joe