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!

Posts Tagged 'jquery'

We are pleased to present below all posts tagged with 'jquery'. If you still can't find what you are looking for, try using the search box.

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

Important Fixed Version 4.7.2 for SunBlogNuke

Today we would like to release the important fixed version 4.7.2 for Ultimate DNN Blog Module – SunBlogNuke, which included urgent  fixes , such as exception "attempted to divide by zero" threw  when adding module into page and it raised in the community forum here - Divide by Zero Error. Also we enhanced Content Slider Widget with ability to support customized property value of the dnn core profile for Author entity in the CSW, like [AUTHOR:Website]. Importantly we supplied a new solution to avoid multiple jQuery conflict issue when other modules also included jQuery framework and fixed threaded comments broken in the "_default" theme.  As usual, the complete details for all of the changes can be found in the Release Notes.

More exciting is that the next generation of SunBlogNuke v5+ have been on road, which will be done with DNN6 release available. It will take advantage of all the benefits of the latest dnn core framework. So here we announced that the upcoming v5.0 will not support dnn4 any more because it will utilize lots of core APIs introduced from DNN5+, such as Taxonomy. You don’t have to be worry if you are still using the dnn4. Meanwhile we will also maintain the older version 4.x compatible with dnn4.  Please stay tune :)

Major Highlights in v4.7.2:

  • ENH - Supported customized property value of the dnn core profile for Author entity in the CSW, like [AUTHOR:Website].
  • ENH - Added auto-ping service for trackback requests.
  • ENH - Excluded handlers from web.config, which introduced lots of problems with complex dnn environment.
  • FIX - Multiple jQuery conflict issue when other modules also included jQuery framework.
  • FIX - Threw exception (attempted to divide by zero) when adding module into page.
  • FIX - Threaded comments broken in the "_default' theme.
  • FIX - Datetime token tags, such as 'PublishedDate', not resolved correctly in the CSW.
  • FIX - 'Alternate Feed Url' meta tag not show.
  • Lots of fixes & customizations.

NOTE: As with any release, we recommend you perform a complete file and database backup before performing any upgrade on a production website and that you first conduct a trial upgrade on a staging version of the site. Following these guidelines will ensure that you are able to recover should any unforeseen problems arise during the upgrade process.

Note that some issues may occur if your original version of SunBlogNuke is lower version, like 3.x, and you've developed your customized theme. Please refer to the tutorial - Must-Read Note for SunBlogNuke v4.x and follow the instructions. Hope it makes sense.

You can get it here. Blog your way and enjoy life. :)

The SunBlogNuke Team

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.

Updated DNN Nav Menu as an Unordered List

Today I finally converted the navigation menu of our website as an unordered list, which is originally built with TABLEs and so ugly for SEO. It is updated with DNN Nav Menu, which is a lightweight menu based on semantic markup like UL, LI tags. It will help search engines to better understand the menu structure. So it is an excellent news for us and our website with ultimate dnn blog module – SunBlogNuke.

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.

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.

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.

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.

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