DotNetNuke Hosting with ASPHostPortal.com

BLOG about DotNetNuke CMS, latest technology and Special DotNetNuke Hosting Package with ASPHostPortal.com

DotNetNuke 5 Hosting - ASPHostPortal :: Using jQuery in custom module

clock April 28, 2011 07:01 by author Jervis

Having been busy with a small DotNetNuke-based project lately so here’s a short “how-to” for those who want to use jQuery in their own DNN-modules. This applies to DNN 5.0 and newer.

1. Installing jQuery

DNN by default includes the jQuery library so no manual installation is required. You can check the jQuery version from Host – Host settings – Advanced Settings – JQuery settings. This is also the place where you can make DNN to use
Microsoft’s or Google’s CDN to deliver the library. If your module targets the version 5.0 of DNN (actually, 4.9.1) or newer, you can be sure that every installation includes the jQuery.



2. Request jQuery in code-behind

In your module, make sure to request for jQuery in code-behind class. Module’s Load-event is excellent place for this:

Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

    Try

       If Not Page.IsPostBack Then

            DotNetNuke.Framework.jQuery.RequestRegistration()

       End If

     Catch exc As Exception
       ProcessModuleLoadException(Me, exc)
     End Try

End Sub

3. Use the jQuery-word instead of $-character


For some reason the widely used jQuery-shortcut ‘$’ doesn’t always work properly inside the DotNetNuke. So it’s better to use the word jQuery instead. Here’s an example of using jQuery in the traditional way:

<script type="text/javascript">
    $(document).ready(function() {
        $("#featured > ul").tabs({ fx: { opacity: "toggle"} }).tabs("rotate", 7500, true);
    });
</script>

In DotNetNuke it’s better to write the function like the following:

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery("#featured > ul").tabs({ fx: { opacity: "toggle"} }).tabs("rotate", 7500, true);
    });
</script>

And that’s it. Following these small steps you can easily use jQuery to enhance the functionalities of your custom DNN modules.

Reasons why you must trust ASPHostPortal.com

Every provider will tell you how they treat their support, uptime, expertise, guarantees, etc., are. Take a close look. What they’re really offering you is nothing close to what ASPHostPortal does. You will be treated with respect and provided the courtesy and service you would expect from a world-class web hosting business.


You’ll have highly trained, skilled professional technical support people ready, willing, and wanting to help you 24 hours a day. Your web hosting account servers are monitored from three monitoring points, with two alert points, every minute, 24 hours a day, 7 days a week, 365 days a year. The followings are the list of other added- benefits you can find when hosting with us:

- DELL Hardware
Dell hardware is engineered to keep critical enterprise applications running around the clock with clustered solutions fully tested and certified by Dell and other leading operating system and application providers.
- Recovery Systems
Recovery becomes easy and seamless with our fully managed backup services. We monitor your server to ensure your data is properly backed up and recoverable so when the time comes, you can easily repair or recover your data.
- Control Panel
We provide one of the most comprehensive customer control panels available. Providing maximum control and ease of use, our Control Panel serves as the central management point for your ASPHostPortal account. You’ll use a flexible, powerful hosting control panel that will give you direct control over your web hosting account. Our control panel and systems configuration is fully automated and this means your settings are configured automatically and instantly.
- Excellent Expertise in Technology
The reason we can provide you with a great amount of power, flexibility, and simplicity at such a discounted price is due to incredible efficiencies within our business. We have not just been providing hosting for many clients for years, we have also been researching, developing, and innovating every aspect of our operations, systems, procedures, strategy, management, and teams. Our operations are based on a continual improvement program where we review thousands of systems, operational and management metrics in real-time, to fine-tune every aspect of our operation and activities. We continually train and retrain all people in our teams. We provide all people in our teams with the time, space, and inspiration to research, understand, and explore the Internet in search of greater knowledge. We do this while providing you with the best hosting services for the lowest possible price.
- Data Center
ASPHostPortal modular Tier-3 data center was specifically designed to be a world-class web hosting facility totally dedicated to uncompromised performance and security
- Monitoring Services
From the moment your server is connected to our network it is monitored for connectivity, disk, memory and CPU utilization – as well as hardware failures. Our engineers are alerted to potential issues before they become critical.
- Network
ASPHostPortal has architected its network like no other hosting company. Every facet of our network infrastructure scales to gigabit speeds with no single point of failure.
- Security
Network security and the security of your server are ASPHostPortal’s top priorities. Our security team is constantly monitoring the entire network for unusual or suspicious behavior so that when it is detected we can address the issue before our network or your server is affected.
- Support Services
Engineers staff our data center 24 hours a day, 7 days a week, 365 days a year to manage the network infrastructure and oversee top-of-the-line servers that host our clients’ critical sites and services.



DotNetNuke 5 Hosting - ASPHostPortal :: Create an Apple-styled Breadcrumb in DotNetNuke

clock April 20, 2011 06:15 by author Jervis

In today's web design world, many people spend a lot of time perfecting little things on their website. It shows how detail oriented you are; whether working on your own project or well a client's. One of the design elements that does not often get much attention in the DotNetNuke world is the site’s breadcrumb.

It's not that people don't design beautiful little elements to enhance their site, but it is generally perceived that the core skin object provides for limited customization without modifying the core. Well, in this article, I'm going to show you how to be creative in working with that we have without modifying the core to implement an iconic breadcrumb design.

I'm using the breadcrumb from
http://apple.com website, which has visually appealing, yet subtle elements that is actually a very user friendly way to visualize the site’s navigation trail.

Outside of Apple’s implementation, the breadcrumb is often a very useful element for content heavy site and in the e-commerce world. I’ve provided the demo and the source below. Keep reading to find out more about the details of the implementation.

Before We Start:

This article assumes that you know the basics of DotNetNuke skinning. I will walk through a bit of core DotNetNuke breadcrumb configuration as well as some styling that help accomplishing the design. The purpose of this article is to show you that it is possible to achieve cool design without modifying the DotNetNuke core or creating your own skin object.

Step 1: Adding the Breadcrumb Skin Object

Register the breadcrumb control at the top of the skin file:



Place the breadcrumb element in the desired location. It renders the basic breadcrumb path for the site.



Step 2: Breadcrumb Level Explained

There are 3 options to configure the breadcrumb behavior.

* 0: Show the entire path of the site breadcrumb and current page you're on

* - 1: Show the entire path of the site breadcrumb including 'Root' item which allows users to return to the root of the DotNetNuke instance. If you have multiple portals on your DNN instance and want to limit users just to be able to access the homepage of that portal, this is not an option to use.

* n: where n is an integer greater than 0, it will skip n breadcrumb tabs before displaying the links

In this example, I'm going to use '0' to show pages with a full path excluding the 'Root' item.



Since we select the option to display links at level 0, we need to create a way for people to return to home page. I'm going to create a simple HTML static link and give it a CSS selector for ease of styling.



Step 3: Adding Seperator

You can add a simple pipe (|) or a greater than (>) symbol to the breadcrumb as follow:



Or you can add HTML and CSS selector to allow creativity:



The above markup may look complicated, but it is really just Separator="<span></span>"  written safely in XML encoding format so DNN will render it properly. I added the HTML span tag so we can target it using CSS to display a background image for the separator instead of an HTML character.

Step 4: Sprinkle in Some Style

Now that we have the breadcrumb in place, we need to create the CSS to accomplish our design. But first, let's take a look at the HTML output so we have a better understanding of which elements we should style with CSS.



Let's wrap this breadcrumb in a DIV so I can add a background image:



Now for the CSS

Set the background for the entire breadcrumb and some additional styling:



Reset the SPAN element to behave as block element instead of inline:



Set the background for the separator and some additional styling to properly position it between links:



We want to add a little padding/spacing between links. But since they are inline elements, we need to turn them into block elements:



Set the background for the return to homepage link to an icon:



Step 5: Putting it All Together

HTML:



CSS:



Here you go! Hope this article helps to give a better understanding of going out of the box for the breadcrumb design in DNN web site.

Reasons why you must trust ASPHostPortal.com

Every provider will tell you how they treat their support, uptime, expertise, guarantees, etc., are. Take a close look. What they’re really offering you is nothing close to what ASPHostPortal does. You will be treated with respect and provided the courtesy and service you would expect from a world-class web hosting business.


You’ll have highly trained, skilled professional technical support people ready, willing, and wanting to help you 24 hours a day. Your web hosting account servers are monitored from three monitoring points, with two alert points, every minute, 24 hours a day, 7 days a week, 365 days a year. The followings are the list of other added- benefits you can find when hosting with us:

- DELL Hardware
Dell hardware is engineered to keep critical enterprise applications running around the clock with clustered solutions fully tested and certified by Dell and other leading operating system and application providers.
- Recovery Systems
Recovery becomes easy and seamless with our fully managed backup services. We monitor your server to ensure your data is properly backed up and recoverable so when the time comes, you can easily repair or recover your data.
- Control Panel
We provide one of the most comprehensive customer control panels available. Providing maximum control and ease of use, our Control Panel serves as the central management point for your ASPHostPortal account. You’ll use a flexible, powerful hosting control panel that will give you direct control over your web hosting account. Our control panel and systems configuration is fully automated and this means your settings are configured automatically and instantly.
- Excellent Expertise in Technology
The reason we can provide you with a great amount of power, flexibility, and simplicity at such a discounted price is due to incredible efficiencies within our business. We have not just been providing hosting for many clients for years, we have also been researching, developing, and innovating every aspect of our operations, systems, procedures, strategy, management, and teams. Our operations are based on a continual improvement program where we review thousands of systems, operational and management metrics in real-time, to fine-tune every aspect of our operation and activities. We continually train and retrain all people in our teams. We provide all people in our teams with the time, space, and inspiration to research, understand, and explore the Internet in search of greater knowledge. We do this while providing you with the best hosting services for the lowest possible price.
- Data Center
ASPHostPortal modular Tier-3 data center was specifically designed to be a world-class web hosting facility totally dedicated to uncompromised performance and security
- Monitoring Services
From the moment your server is connected to our network it is monitored for connectivity, disk, memory and CPU utilization – as well as hardware failures. Our engineers are alerted to potential issues before they become critical.
- Network
ASPHostPortal has architected its network like no other hosting company. Every facet of our network infrastructure scales to gigabit speeds with no single point of failure.
- Security
Network security and the security of your server are ASPHostPortal’s top priorities. Our security team is constantly monitoring the entire network for unusual or suspicious behavior so that when it is detected we can address the issue before our network or your server is affected.
- Support Services
Engineers staff our data center 24 hours a day, 7 days a week, 365 days a year to manage the network infrastructure and oversee top-of-the-line servers that host our clients’ critical sites and services.



About ASPHostPortal.com

We’re a company that works differently to most. Value is what we output and help our customers achieve, not how much money we put in the bank. It’s not because we are altruistic. It’s based on an even simpler principle. "Do good things, and good things will come to you".

Success for us is something that is continually experienced, not something that is reached. For us it is all about the experience – more than the journey. Life is a continual experience. We see the Internet as being an incredible amplifier to the experience of life for all of us. It can help humanity come together to explode in knowledge exploration and discussion. It is continual enlightenment of new ideas, experiences, and passions


Author Link


Corporate Address (Location)

ASPHostPortal
170 W 56th Street, Suite 121
New York, NY 10019
United States

Tag cloud

Sign in