In my haste to get tabable content up and going on my site, I overlooked that there is a built in jQuery tab option in DNN6. The documentation here is a little sparse and to someone who does not know how to use javascript (me) it is incomplete information.
The way I got it to work may be incorrect, but it does appear to work this way. If there is a better way, please speak up as I would like to follow good practices.
Anyways, here is how I got it to work:
HTML:
<div class="dnnForm dnnSiteSettings dnnClear" id="TabsID">
<ul class="dnnAdminTabNav dnnClear">
<li><a href="#ssTab1" target="blank" onclick="return false;">Tab 1</a></li>
<li><a href="#ssTab2" target="blank" onclick="return false;">Tab 2</a></li>
<li><a href="#ssTab3" target="blank" onclick="return false;">Tab 2</a></li>
</ul>
<div id="ssTab1">
This is the div for tab 1.
</div>
>
<div id="ssTab2">
This is the div for tab 2.
</div>
<div id="ssTab2">
This is the div for tab 2.
</div>
Then in the Manage>Settings>Advanced Settings>Header of the HTML module:
<script>
$(function() {
$( "#TabsID" ).tabs();
});
</script>
The last part here in the HTML module settings is where it feels shady. I am assuming that is unavoidable though as it needs the "#TabsID" to know what to run the jQuery on?
Anyways I would still like to try DNNRadTabs, though I think the built in jQuery option is perfectly acceptable. And again, if I did anything the wrong way I would like to know the right way.
Thanks