SunBlogNuke Team Blog

Share you with any news or development process about our dnn modules, such as status or release notes.

First time here? You may want to check out the blog archives, subscribe to the RSS feed, sign up for free email updates, or follow me on Twitter. Thanks for visiting!

From category archives: SunBlogNuke Team Blog

Sharing some tips & trick about jQuery and best practice to apply jQuery plugin in DotNetNuke modules.

Why Mega Menu Not Work in DNN6

Yesterday I encountered one strange behavior on DNN 6.2.9 -   DNN Mega menu dropdown is only visible to work when I login with admin/host account but the registered users doesn't see it. In the first looks, it should be caused by some jQuery plugin not registered correctly. After investigation a while, we found that the jQuery hoverIntent is the problem and we have to manually register it in our skin in default. Some code snippets below looks helpful:

 <script runat="server">
    protected override void OnInit(EventArgs e)
    {
      DotNetNuke.Framework.jQuery.RequestRegistration();
      
      if(!Request.IsAuthenticated)
      {
         var scriptPath = ResolveUrl("~/Resources/Shared/Scripts/jquery/jquery.hoverIntent.min.js");
         //for mega menu we need to register hoverIntent plugin, but avoid duplicate registrations 
         Page.ClientScript.RegisterClientScriptInclude("hoverintent", scriptPath); 
      }
      
      base.OnInit(e);
    }
 </script>

However, there is an elegant workaround to fix this issue – the core jQuery skin object is your better choice. 

<%@ Register TagPrefix="dnn" TagName="JQUERY" Src="~/Admin/Skins/jQuery.ascx" %>
<dnn:JQUERY ID="dnnjQuery" jQueryHoverIntent="true" runat="server" />

The following properties for the skin object can be set to True/False (False by default):

  • DnnjQueryPlugins - If true, the dnn plugins used for panels and tabs will be loaded in addition to jQuery and jQueryUI.
  • jQueryHoverIntent - If true, the HoverIntent script used for tooltips will be loaded in addition to jQuery.
  • jQueryUI - If true, jQueryUI will be loaded in addition to jQuery.

Resources links:

Reusable DotNetNuke jQuery Plugins

http://www.dnnsoftware.com/wiki/Page/jQuery

10+ DNN Image Gallery/Slider Tutorials

As you know, jQuery image galleries and sliders are very popular these days and found on many many websites, including those ones based on DNN CMS. There are several interesting use cases for image/content sliders, however I think it is most common to use them on the front page to showcase featured articles, latest blog posts or products. Unfortunately, there are so lots lots of free jQuery plugins & premium DNN slider modules available that you no idea which is the best & worthwhile. In this post we’ll see tutorials that can provide you with the resources showing you how image gallery/sliders can be created from ground up for your dnn websites.

Read the rest of entry »

How to Set up Paging for Content Slider Plus

active dnn paging

Today we would like to share with you "How to Set up Paging for Content Slider Plus". That’s exactly  the issue raised by our clients in the forum because we did not implement the built-in paging feature in both content slider widgets. The original aims of both widgets was to build content slider with a list of posts, like latest posts or featured posts and also to retrieve top x posts to show in the list view or slider view. Further, because of the highly configurable design, you can even add some "Content Slider Plus" magic yourself without too much effort. Let us go ahead with putting Active Paging on to your dnn “Content Slider Plus".

Read the rest of entry »

Amazing Slide Thumbs with DNN Blog Posts

slide_thumbs

jQuery sliders have been spotted to be commonly used in lots of website to display the images/contents in different impressive ways. Since apart from showing large amount of core site content in a limited space on a website, any jQuery slider also has a great capability to engage the viewers and trigger their interest towards what is being shown to them. In the DNN platform,  it’s also a very popular functional widget and there are lots of slider modules for sale in the snowcovered.com. In my opinion, those modules have the vital disadvantage that they are built with static contents and independent with any content publishing tool. In the end you have to modify them one by one if you want to make it look more dynamic. Now we would like to share the alternative useful tool with building neat, elegant and versatile site components with dynamic effects. Yes, that is the Content Slider Widget(CSW) for Ultimate DNN Blog Module – SunBlogNuke.

With the help of jQuery & CSW, you will be able to create any super content sliders with your dnn blog posts. So if you’ve been wondering how jQuery content sliders are accomplished and want to try implementing some of them on your DotNetNuke website, here this tutorial will help you with that.  Today we just showcase the amazing slide thumb on how to make viewing images or other site content more comforting and intuitive. Take a look at how the slide thumbs actions – demo link. Then let’s go ahead.

Read the rest of entry »

Create the navigable content slideshow for dnn website

Slideshow

From v4.2.0 , the Ultimate DNN Blog Module – SunBlogNuke includes custom fields features and the Content Slider Widget supports to include external scripts and styles easily. Now we have the ability to set up your content widget as a list and apply some cool jQuery slider scripts to it without any additional steps. Today we would like to show you how to integrate it with Coin Slider Plugin. First take a look at how the navigable content slideshow actions – demo link. Then let’s go ahead the great journey for building an awesome content slider in your home page.

Retrieving Feed in DotNetNuke with jQuery

With more clients paying more attention to our Ultimate DNN Blog Module – SunBlogNuke, this blogging engine for DotNetNuke platform have been used by more and more excellent websites, like db4 developer website. In the agile process of SunBlogNuke development, we embraced changes and focused more attentions on clients’ feedback or feature request. If you have more questions or any suggestions for our blog module, please feel free to let us know or begin a new post in our forum. We are there for you and will try our best to help you. Here I also would like to thank some clients for your awesome contributions in our community, like Eric and Matt.

Today I would like to cover a tip shared by Eric in our support forum. You will learn how to retrieve feed in DotNetNuke with jQuery. Please visit the demo link and db4 developer website to see how it action firstly.

Read the rest of entry »

Turn Content Slider Widget into a jQuery Carousel

As this awesome post covered, you can turn turn DNN Announcements Module into a jQuery Slider easily with some customized steps. Now I would like to show you that we also can integrated Content Slider Widget (the core widget of Ultimate DNN Blog Module – SunBlogNuke) with a jQuery carousel seamlessly and easily make it run well as you expected. Let us go through how to build it with blog posts.

Read the rest of entry »

4 Simple Steps to Apply Facebox Effect within DNN Blog

Today I would like to a detailed tutorial to share how to utilize the built-in lightbox(or facebox) feature of ultimate dnn blog module – SunBlogNuke when you want to show more big and clear presentation within dnn blog post.

Read the rest of entry »

DNN Architecture Design Diagram

Actually the post is overdue and it might exactly be a demonstrate. I got those extreme DNN Architecture Design Diagram from irob’s blog (Please refer to the original post  DotNetNuke Architecture Diagram). In the mean time, I would like to show you how to apply the built-in lightbox(or facebox) feature of SunBlogNuke module for your images when you are blogging. That is a awesome feature you may be missing. Next I will complete a detailed tutorial to share how to utilize the killer feature when you want to show more big and clear presentation in the post.

Old DNN Architecture Design Diagram:(Zoom it with clicking):

old dnn architecture

New DNN Architecture Design Diagram:(Zoom it with clicking)

DotNetNuke Architecture

PS: A new visual overview of DotNetNuke intended to give newcomers to the platform a quick understanding of DotNetNuke, which got from the post DotNetNuke Visual Overview:

New DotNetNuke Visual Architecture

Using jQuery Timeago Plugin with DNN and Weblog

Today I would like to share some tricks about integrating jQuery timeago plugin into DotNetNuke(DNN) and your blog, especially for the Ultimate blog module SunBlogNuke. With timeago plugin, you can customize the featured widget module with more fuzzy timestamps.

Read the rest of entry »

Copyright © 2009-2018 Ultimate DNN Blog Module - SunBlogNuke Powered by SunBlogNuke Corp