Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

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

HomeHomeOur CommunityOur CommunityGeneral Discuss...General Discuss...jQuery IssuejQuery Issue
Previous
 
Next
New Post
8/14/2012 1:35 PM
 
Here's what works for me in the default skin plus 2 different skins I've designed:

body of html template:

< div class="MainDemoArea" >
< div class="dnnForm" id="tabs-demo" >
< ul class="dnnAdminTabNavNEW" >
< li>News and Events
< li>Latest Tweets
< /ul >
< div class="dnnClear" id="NewsandEvents" >
< div class="dnnLeft" >
< h1>Christopher Columbus
< p>Italian navigator, colonizer and explorer whose voyages led to general European awareness of the American continents.


< /div >
< /div >
< div class="dnnClear" id="LatestTweets" >
< div class="dnnLeft" >
< h1>Isaac Newton
< p>English physicist, mathematician, astronomer, natural philosopher, alchemist, and theologian. His law of universal gravitation and three laws of motion laid the groundwork for classical mechanics.


< /div >
< /div >
< /div >
< /div >
< style >
.dnnForm .ui-tabs .ui-tabs-nav li,
ul.dnnAdminTabNavNEW li {
list-style: none;
float: left;
position: relative;
top: 1px;
margin: 0 .2em 1px 0;
border-bottom: 0 !important;
padding: 0;
white-space: nowrap;
height:50px;
}
.dnnForm .ui-tabs .ui-tabs-nav li a,
ul.dnnAdminTabNavNEW li a {
float: left;
padding: .5em 1em;
text-decoration: none;
font-weight: bold;
color: #000000;
text-decoration: none;
display: block;
margin: 0;
letter-spacing: -0.03em;
background: #ffffff;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
text-shadow: 0px 1px 1px #000;
height:37px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
< /style >


page --> settings --> page header tags:

< script type="text/javascript" >
jQuery(function ($) {
$('#tabs-demo').dnnTabs();
});
jQuery(function ($) {
$('#tabs-demo').dnnTabs({selected: 0});
});
< /script >

Mark
 
New Post
8/15/2012 4:43 AM
 
Thanks, Mark, I'll give it a go later.
 
New Post
8/17/2012 3:59 PM
 

We're having the same issue with one of our sites.  It's 6.2 but it started happening in the last couple days on 6.1.2.  I had our host upgrade the site to see if maybe we had a core file that was corrupted.  It didn't fix the problem.

Our menus and JQuery banner only work when you're logged in as host.  We are using the same versions albeit hosted that that Pingle is using.

The real nightmare is that I have another site with the same skin and same banner rotator that is working fine.  I have poured over the differences in the site configs and can't find anything.

Although both sites recently started having problems getting to any module settings in a popup.   We stopped the popup and you can get into settings now.  Strangeness.  :(

Thanks for any help someone could lend to this problem.

 
New Post
8/18/2012 3:23 AM
 
If you're using hosted jQuery, does this blog post help at all? http://www.dotnetnuke.com/Resources/Blogs/EntryId/3461/The-risks-of-using-hosted-resources-hosted-jQuery.aspx
 
New Post
8/28/2012 11:17 AM
 

I've had 3 different issues with DNN 6.02.02 so far. This is one of them, jQuery UI was loading fine in 6.01.05 with my custom skin but it's not loading by default in 6.02.02 if you're not logged in. Because of that the Live Accordion module wasn't working. Not sure if this is a problem with DNN 6.02.02 or the Live Accordion module didn't register jQuery UI.

The solution is to load the jQuery UI explicitly.
Option 1. Add this code to your skin:
< %@ Register TagPrefix="dnn" Namespace="DotNetNuke.Web.Client.ClientResourceManagement" Assembly="DotNetNuke.Web.Client" % >
< dnn:DnnJsInclude runat="server" FilePath="~/Resources/Shared/Scripts/jquery/jquery-ui.min.js" / >

Option 2. In my case I have an ascx control included into my skin files, I just added the following line to Page_Init in code behind:
DotNetNuke.Framework.jQuery.RequestUIRegistration()


 
Previous
 
Next
HomeHomeOur CommunityOur CommunityGeneral Discuss...General Discuss...jQuery IssuejQuery Issue


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.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out