Learn More





Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Create tabs as content panesCreate tabs as content panes
New Post
8/9/2013 9:58 AM

I am attempting to create a couple of tabs within my homepage skin as content panes.  I have been able to add the code to my page and get the skin to render the tabs, however when I add the runat="server" it starts throwing menu errors.   

My approach may be incorrect, so I welcome any suggestions.

What I've done, is add a reference to a custom jQueryUI them in the header of the page.

<link href="<% =SkinPath %>css/Edgewood13/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" type="text/css" />

I also switched the host to use the hosted jQuery and jQueryUI, using the latest versions.  (1.9.1 & 1.10.3)   I did this because the tabs do not work using the built in DNN version.   

Then I add this code to the skin, 

<!-- START THE TABS --> 
  $(function() {
    $( "#hpTabs" ).tabs();
<div class="panes">
  <div id="hpTabs">
      <li><a href="#hpTabs-1" >News</a></li>
      <li><a href="#hpTabs-2" >Events</a></li>
    <div id="hpTabs-1" runat="Server">
      <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. </p>
    <div id="hpTabs-2" runat="Server">
      <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque mus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
<!-- END THE TABS -->


(side note) By using the newer jQuery, my admin and host pages don't render correctly.  

Any assistance is appreciated. 


New Post
8/9/2013 10:43 AM

I would never load custom jQuery and jQuery Versions in a Skin for better Support of upcomming DNN Versions. 

In your code I mis the loading of jQuery and other attribute. 

< script runat="server" >

     Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load


End Sub
< /script >
< script type="text/javascript" >
your code here

< /script >

be Aware I added some spaces, so the code wouldn't be removed from the filter.

New Post
8/13/2013 1:42 PM

Thanks Matthias,     

I'm newer to DNN thus still getting used to all of the patterns and processes for modifying the instance.   I'll see what I can do to make this work.



New Post
8/13/2013 7:01 PM
I am contribute DNN since 2005 and still searning all the days alot of new thinks I can do with DNN.  It is a never ending story :-D  Good luck and have fun to DNN.
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Create tabs as content panesCreate tabs as content panes

These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.

Content Layout

Subscribe to DNN Digest

Subscribe to DNN Digest

DNN Digest is our monthly email newsletter. It highlights news and content from around the DNN ecosystem, such as new modules and themes, messages from leadership, blog posts and notable tweets. Keep your finger on the pulse of the ecosystem by subscribing.  

What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out