SunBlogNuke - DotNetNuke Blog Module

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

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.

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".

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.

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.

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.

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.

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):

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

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:

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.