Products

Evoq Content Overview Content Creation Workflow Asset Management Mobile Responsive Personalization Content Analytics SEO Integrations Security Website PerformanceEvoq Engage Overview Community Management  Dashboard  Analytics  Member Profile Gamification Advocate Marketing Community Engagement  Ideas  Answers  Discussions  Groups  Wikis  Events Mobile ReadyDNN Support PackagesEvoq: CMS FeaturesEvoq OnDemandCompare DNN's CMS Products

Solutions

Content Management SystemMulti-Channel PublishingDigital MarketingOnline Community ManagementIntranet Software SolutionOur CustomersPrime

Resources

Test DrivesSchedule A DemoDocumentation CenterWebinarsWhite PapersProduct ManualsRequest PricingData SheetsCase StudiesEvoq Preferred Products Content Management Ecommerce Forms Identity Management and Authentication Site Management Social Themes

Partners

DNN Partners Partner Directory Become a DNN Partner Partner Program Overview  Hosting  Implementation  ISV  Training  Competencies

Community

Participate Ask a Question Forums Community Showcase DNN MVP  Program Overview  Lifetime MVPs  Honorary MVPs Subscribe to DNN Digest Advisory Groups  Awareness Advisory Group  Developer Advisory Group  Partner Advisory Group  Technology Advisory GroupLearn Documentation Wiki Community Blog Video Library Project History Development RoadmapDownload DNN Store Language Packs Manuals Nightly BuildsSecurity Policies Security Center

Blog

About

News Press Releases News Coverage Press KitCareersContact DNN

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
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Banner Dark Knight add link to pageBanner Dark Knight add link to page
Previous
 
Next
New Post
12/21/2011 10:18 AM
 
Hans Lenting


Hans Lenting's Avatar

www.dekaleict.nl
Joined: 12/3/2008
Posts: 57

I'm using the banner container and it shows the images and pagers. But i want to go to another page if i click on a pager and not go to the corresponding banner. Is that possible and what is then the correct syntax? 

My current syntax in that container is:

<a title="Twitter" target="_self" href="/Twitter/tabid/86/Default.aspx" re_target="_self"><img alt="" src="/portals/0/Images/positie1/header-twitter.png" /></a>
 
New Post
12/28/2011 3:42 PM
 
Hans Lenting


Hans Lenting's Avatar

www.dekaleict.nl
Joined: 12/3/2008
Posts: 57
I'm still having this problem so i will explain more.

I'm using the Dark Knight Banner and in the container you have to type in the location of the banner, the title of the anchor and the href of the page when someone clicks the banner. I want to use the anchor as a kind of menu so i want, when i click on the anchor, it opens the same page as when i click on the banner.

I'm now having this line in my container:

' <a title="Twitter" target="_self" href="/Twitter/tabid/86/Default.aspx" re_target="_self"><img alt="" src="/portals/0/Images/positie1/header-twitter.png" /></a> '


Can someone help me how to change this line to open a page when clicking on the anchor instead of showing the banner?
 
New Post
12/29/2011 8:19 AM
 
Joe Brinkman


Joe Brinkman's Avatar

blog.theaccidentalgeek.com
Joined: 5/18/2003
Posts: 2356

The banner container was not setup to handle this specific scenario.  The pager behavior is hardcoded into the javascript :

Code Snippet
  1. jQuery(document).ready(function ($) {
  2.     /*  Banner Rotator Script
  3.         This script will automatically create a banner rotator based on the content entered into container.
  4.         The script will automatically cycle through all the sibling elements and create a full rotator including navigation.
  5.         Banner sizes and other styles are located in container.css.  The page titles for the navigation row are
  6.         created from each display elements title attribute.
  7.         See http://jquery.malsup.com/cycle/ for more info on plugin.
  8.     */
  9.     $('#<%=ModuleControl.ModuleContext.ModuleId%>_Rotator div.DNNModuleContent > div.Normal').after('<ul class="RotatorNav">').cycle({
  10.         fx: 'fade', //effect to apply to rotation
  11.         speed: 1000, // speed of the transition (any valid fx speed value)
  12.         timeout: 5000, // milliseconds between slide transitions (0 to disable auto advance)
  13.         pager: '#<%=ModuleControl.ModuleContext.ModuleId%>_Rotator .RotatorNav', //selector for rotator navigation
  14.         // callback fn that creates a navigation to use as pager anchor
  15.         pagerAnchorBuilder: function (idx, slide) {
  16.             return '<li><a href="#">' + slide.title + '</a></li>';
  17.         }
  18.     });
  19. });

You can see in the jQuery code above that the standard banner container is using the pager function from the jQuery Cycle plugin.  To get the behavior you want, you would need to create a new container (just copy the banner container and give it a new name) and use your own jQuery that doesn't include the pager.  You could then build your own pager with your desired behavior.  This requires some knowledge of DotNetNuke skinning and jQuery.

Joe Brinkman
DNN Corp.
 
 Page 1 of 1
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Banner Dark Knight add link to pageBanner Dark Knight add link to page


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