DotNetNuke Hosting with ASPHostPortal.com

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

DotNetNuke Tutorial - Top 10 Benefits of DotNetNuke

clock Oktober 11, 2018 09:41 by author Kenny

If you're considering DotNetNuke for your website, you're probably researching the platform to understand the advantages of DNN  over other products. We want to make this process easy for you, so we've listed what we believe are DotNetNuke's top 10 benefits. Of course, depending on who you ask these "top advantages" may be slightly different according to the goals of other websites. Our list is meant to provide general list of benefits for businesses of all sizes.

Simple content editing and creation

First thing's first. A great CMS needs to make content management easy, and DotNetNuke does just that. Whether your a team of one or a team of managers, editors, and writers, DNN gives its users a robust rich text editor and many options to create great content. For largers teams, content workflows can be put into place for permission setting and approval management.

Advanced features

The features of DotNetNuke, whether out of the box or with third party modules, can be extremely powerful for businesses of all sizes. User management, advertisement management, email marketing, document management, multilingual ability, blog management, and more are included to help marketing and IT teams manage their website.

Unmatched security

DotNetNuke provides extremely thorough security. Each user group is provided its own permissions, and all users can be sorted into these groups based upon what the operations require. As opposed to other CMSs that may require you to install a third party (and probably weak) application, DotNetNuke has a security model built into the CMS architecture. This makes DNN one of the most secure platforms for websites on the market.

Ultimate platform flexibility

DNN, because it is based on ASP.NET, is extremely extensible with pre-made or custom modules. It can be easily integrated with virtually any business application, especially those in the Microsoft stack of Dynamics (GP, CRM, etc.).

Website speed

DotNetNuke's efficient code base ensures that websites run quickly to provide a great user experience for all of your site visitors.

Based in portals

The portal based architecture of DotNetNuke allows your business to run many sites on just one DNN installation. This can be beneficial if you need to run an intranet as well as your website, or multiple portals for individual departments.

Great for applications or intranets

Because of its flexible code base and architecture, DotNetNuke can be a great host for web apps or intranets. This is helpful for companies that want to manage many different IT assets on one easy platform.

Well supported

DotNetNuke Corporation offers central technical support. Also, because DNN is open source, there are many partners that support it all over the world. This makes your investment in DotNetNuke a safe one for many years to come.

Reduced cost

Based on your company needs, whatever version of DNN you choose, it will be a significant cost saving venture over other options (especially the custom ones that cost many tens of thousands of dollars to complete a project).

Proven and established

DotNetNuke has been used for 700,000 websites over many years, including for major companies and organizations such as NASA, Lockheed Martin, Verizon, USAA, WeightWatchers, Bose, NASCAR, Cornell University, Dannon, Kia, Hilton, Whirlpool, Chrysler, Motorola, and more.

Best DotNetNuke Hosting Recommendation

ASPHostPortal.com provides its customers with Plesk Panel, one of the most popular and stable control panels for Windows hosting, as free. You could also see the latest .NET framework, a crazy amount of functionality as well as Large disk space, bandwidth, MSSQL databases and more. All those give people the convenience to build up a powerful site in Windows server. ASPHostPortal.com offers DotNetNuke hosting starts from $5/month only. We also guarantees 30 days money back and guarantee 99.9% uptime. If you need a reliable affordable DotNetNuke Hosting, we should be your best choice.



DotNetNuke Tutorial - Easy to Use Bootstrap 3 in A DNN Skin

clock Augustus 23, 2018 12:25 by author Kenny

I decided to use the popular Bootstrap framework to handle all the messy layout and mobile aspects of the site.  This post doesn’t teach you Bootstrap or DNN Skinning. It just covers a few of the steps I needed to get everything to work.

1. Including the Bootstrap goods

The easiest way to include Bootstrap in your template is to include that from the Bootstrap CDN.  You will want to use DNN’s Client Resource Management controls to include your CSS and JS.  To include those controls, you will want to include the following at the top of your skin .ascx file:

<%@ Register TagPrefix="dnn" TagName="STYLES" Src="~/Admin/Skins/Styles.ascx" %>
<%@ Register TagPrefix="dnn" Namespace="DotNetNuke.Web.Client.ClientResourceManagement" Assembly="DotNetNuke.Web.Client" %>

Next you will include the .css and .js into your skin.  To include the CSS you will use the following at the top of your skin ascx file:

http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" UseSkinPath="false" />

To include the .js, you will use the following at the bottom of your file:

http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js" />

2. Skin.css – don’t use it

Typically for a DNN skin you will use the skin.css file to define the css elements for your skin.  Since you are using the Bootstrap grid system, chances are a lot of the CSS in your skin.css will be deleted.  So carefully clean it up.

Also in your skin.css you will define styles for the Bootstrap nav bar.  This is one of the area’s of bootstrap that you will override the css in the default bootstrap CSS file.  So to do this, your skin.css file needs to appear AFTER the bootstrap css file on your webpage so it will override.

The problem here is that skin.css which is automatically included by DNN will always be included before the Bootstrap css file.

An easy solution is to rename your skin.css to style.css.  Since there is no skin.css, DNN will not try to include it.  Then just add another control to include your style.css file:

3. Navigation Menus – Mobile friendly

The other change I made was a difficult decision.  Bootstrap navigation does not support hovering.  In DNN when you hover over a navigation menu item, the child items appear for selection.  That’s hard to do on a mobile device.  The Bootstrap framework has opted for a click being required to drop down the child items in a navigation menu.  This means that any top level menus with content had to be moved to a child page and the parent needed disabled.  For example I used to have:

  • About Us
    • Partners

I had to change it to the following:

  • Company – This is a DNN disabled page
    • About Us
    • Partners

At first I did modify Bootstrap to drop down the child menus on hover.  To do this, you simply need to use the Bootstrap Hover Plugin.  However I decided to keep things less complicated and use the Bootstrap standard for the navigation menu. 

Best DotNetNuke Hosting Recommendation

ASPHostPortal.com provides its customers with Plesk Panel, one of the most popular and stable control panels for Windows hosting, as free. You could also see the latest .NET framework, a crazy amount of functionality as well as Large disk space, bandwidth, MSSQL databases and more. All those give people the convenience to build up a powerful site in Windows server. ASPHostPortal.com offers DotNetNuke hosting starts from $5/month only. We also guarantees 30 days money back and guarantee 99.9% uptime. If you need a reliable affordable DotNetNuke Hosting, we should be your best choice.



DotNetNuke - The Social CMS for Business

clock Augustus 8, 2018 11:03 by author Kenny

In today’s internet driven world, websites are becoming a norm to every business’s growth or branding strategy. Owing to this, the CMS or Content Management System has now become a household name. Wait, aren’t you aware of the term? Well, for the start, CMS is a web-based software application that lets you create, edit and store web content in an organized and manageable way.

There are a number of such CMS, available today, to facilitate people who want websites for themselves. You may have heard of DNN, Wordpress, Magento, Drupal, etc. These are some of the big names among them.

Once you are familiar with the term, there arrives the confusion on which one to choose. Before choosing and investing in a CMS, one must always examine certain features. Likewise, it should feature an easy-to-use editor interface, intelligent search capabilities, etc. Besides these generic requirements, there are also certain characteristics that become imperative for all CMSs.

Now, let’s make a quick jump to ‘which is the best CMS for your website or enterprise web solution’. Our favorite is DNN and we can justify why we love it. Here’s why DNN aka DotNetNuke should b your content management framework:

Seamless Content & Document Maneuvers

DNN is absolutely simple and user-friendly to work with, for all kind of users. Be it, administrators, content managers, designers, and developers - anyone can maneuver it at ease. Hence, clients can create, supervise and publish content without prior technical or programming knowledge of DotNetNuke.

Security - The Substantial Entity

DNN has proven to provide exceptional security, with a built-in Security model in the CMS architecture. It sorts users into groups based on the type of operation and provides specific permissions. It also helps in validation, encryption and bug tracking to build secure websites.

And most importantly - all of this without needing to install a third party application! Yes, here all the content and configuration is stored in MS SQL database, run by windows and backed by Microsoft. It ensures a thorough security check, with timely scheduled security updates.

Refined Multi-User Management

DNN has a robust multi-user management system. The users of different groups can be assigned, custom roles and permissions. It also includes social features, such as photos and biographical information along with expanded user profiles. With DNN, one can easily set up Social Media communities for organizations. Hence, it eventually supports social media authentication, to let others sign into the site using their social media accounts’ credentials.

Support for Mobile Websites

DNN has unique utility known as the DNN Evoq that helps to design responsive websites using its wonderful mobile templates. A mobile preview reviewer takes up the guesswork, to experiment all possibilities, before going live. For optimal viewing experience, DNN Evoq content detects characters selectively from thousands of mobile devices to tailors the design and content. This content supports all mobile platforms.

Comprehensive Synergy with Social Networking Sites

DNN Evoq social improve collaborations by quickly building internal and external communities. Thereby, it increases employee productivity, subsequently. It lowers the support cost by turning the customers into advocates, by creating external communities. This increases revenue opportunities as well.

Extensive Customization Opportunities

With DNN, one can render tailor-made websites, using the same default template skins and models. The Visual design used by CSS and the services framework is based on the web API.

It has many free extensions, which are less redundant when compared to other CMSs. Moreover, paid extensions are also available at different price ranges. Though some of these extensions are on the expensive side, you can always manage to find something within your budget.

Built-in eCommerce Solution

DNN has a built-in eCommerce solution for good services, such as selling physical goods, digital downloads, events or even donations. DNN works seamlessly with common payment gateways, such as Paypal, SagePay, Google Checkout, Barclays, HSBC, and Authorize.Net.

High Performance & Stability

DNN ensures great user experience for site visitors by running and loading the websites very quickly. This is possible with performance improving features, such as web farms, page caching and module caching. It improves SEO as well, with the highest search ranking pages, based on the search engine factor speed.

Invariably Affordable

Irrespective of the DNN version, the chosen venture would always be cost-effective. Because, you’d know, the custom ones usually cost a fortune.

The Support you can Count on

DNN is an open source module and constitutes a team of developers that provide technical support from all over the world.  These dedicated team support applications of DNN blogs, online forums, online help and other various websites. So investing in DotNetNuke is a safe bet.

With all these said, one can easily understand that the DNN CMS holds an upper hand over almost all others. Hence, obviously, the CMS products have become a household name in the eCommerce world, lately. Its wide range of applications helps to sustain several business models. Above all, thousands of reputable organizations, such as NASA, Lockheed Martin, Verizon, USAA and several others, use DNN for many years.

Best DotNetNuke Hosting Recommendation

ASPHostPortal.com provides its customers with Plesk Panel, one of the most popular and stable control panels for Windows hosting, as free. You could also see the latest .NET framework, a crazy amount of functionality as well as Large disk space, bandwidth, MSSQL databases and more. All those give people the convenience to build up a powerful site in Windows server. ASPHostPortal.com offers DotNetNuke hosting starts from $5/month only. We also guarantees 30 days money back and guarantee 99.9% uptime. If you need a reliable affordable DotNetNuke Hosting, we should be your best choice.



DotNetNuke Hosting Tutorial - How to Install Multiple DotNetNuke Modules Quickly

clock Augustus 2, 2018 12:16 by author Kenny

Once installed into DNN modules can easily be dragged and dropped to a page. You can also have multiple instances of the same module on one page. Modules can be shared across pages and, in the paid versions of DNN, even shared across multiple sites (via the Site Groups feature).

Imagine having a DNN site, but then having a need that is custom or specific to you or needing functionality that does not come with DNN out of the box. Let’s say for example you want to have a photo gallery on your site. A photo gallery module does not ship with DNN out of the box. These scenarios where you have a need for functionality that does not ship with DNN are prime scenarios for a custom module or 3rd party module.

A module’s settings also allows the site admins to easily control things like the module title, the start and end date and time (in case the site admin wants to schedule and expire content), the module’s container, and whether or not the module is indexed by search engines. 

Installing multiple modules through the DNN user interface is very time-consuming, but luckily there’s an easier and faster way of installing modules in DNN. So in order to do a batch installation of multiple modules just follow the steps outlined below.

1. Add your zipped modules to the “/Install/Module/” folder

Build your modules in release mode and drop the zipped modules into:

YourDnnFolder/Install/Module/

2. Navigate to “/install/install.aspx?mode=installresources”

Open up a browser window and navigate to the URL:

http://YourDnnSite.url/install/install.aspx?mode=installresources

… and all of the modules that you dropped into the module folder earlier will now be installed for you.

 

Best DotNetNuke Hosting Recommendation

ASPHostPortal.com provides its customers with Plesk Panel, one of the most popular and stable control panels for Windows hosting, as free. You could also see the latest .NET framework, a crazy amount of functionality as well as Large disk space, bandwidth, MSSQL databases and more. All those give people the convenience to build up a powerful site in Windows server. ASPHostPortal.com offers DotNetNuke hosting starts from $5/month only. We also guarantees 30 days money back and guarantee 99.9% uptime. If you need a reliable affordable DotNetNuke Hosting, we should be your best choice.



DotNetNuke Hosting Tutorial - View Event Viewers in DotNetNuke

clock Julie 11, 2018 12:35 by author Kenny

In this tutorial, you will learn how to view error log exceptions in DNN. You will also able to specify which log exceptions you want to record or ignore.
To view the error logs, you will need to have administrator portal access. Once you have login on the website, please go to the admin menu and you will see there is a menu called Event Viewer.

By default, all the error or event logs will be displayed on the site, you have an option to narrow the result list by specifying the log type by selecting one of the option in the dropdown list.

How to turn off the event logs in DNN?

To turn off specific event logs in DNN is pretty simple, if you scroll further down, you will be able to see there is a button called Edit Log Settings.

To enable or disable the event log, click the pencil edit icon. This will load another window popup and there is a tick box for you to untick it if you want to disable the event log.

Best DotNetNuke Hosting Recommendation

ASPHostPortal.com
ASPHostPortal.com provides its customers with Plesk Panel, one of the most popular and stable control panels for Windows hosting, as free. You could also see the latest .NET framework, a crazy amount of functionality as well as Large disk space, bandwidth, MSSQL databases and more. All those give people the convenience to build up a powerful site in Windows server. ASPHostPortal.com offers DotNetNuke hosting starts from $5/month only. We also guarantees 30 days money back and guarantee 99.9% uptime. If you need a reliable affordable DotNetNuke Hosting, we should be your best choice.



DotNetNuke Hosting - ASPHostPortal.com : How To Enable Google Analytics on a DotNetNuke Website?

clock Oktober 22, 2015 21:25 by author Kenny

How To Enable Google Analytics on a DotNetNuke Website?

Google Analytics is one of those must-have tools when running a website.  The tasks of tracking traffic sources, browser versions, search terms, etc. are all made easy.  The developers of DotNetNuke have also made using Google Analytics on a DotNetNuke website simple.

Installing Google Analytics in DotNetNuke is a fairly common request from many individuals and I know it can be a quite troubling question for most. The primary questions are how and where can I put the javascript code provided by Google. Well you have a few options. First you could put the code directly in the skin for the site, the advantages to that would be that you will automatically have the code on all pages, however, the disadvantage is that you cannot use that skin as is on another portal due to the site specific Google information. I personally go the route of adding a text/html module to my site and set it to show on every page and insert the script in a very specific location which I will discuss below. There are a few drawbacks to this method. First you will not get any statistics information on traffic to "edit pages" where other modules are not displayed and you also will not receive information regarding administration modules. However, in most circumstances this shouldn't be an issue.

The best way to include this information is to include the information in the Module header of the text/html module. This is to prevent the accidental removal of the script code if you happen to click inside the module as an admin to enter in-line edit mode. Below I will walk you through the steps needed to implement Google Analytics using this method. (NOTE: you can extend this for other javascript integrations if needed).

Step By Step

  • Add a new Text/HTML module to a page of your site, you can position it anywhere, but I recommend the bottom of the page as administrative users will still see the module when they are logged in
  • Edit the text of the module to contain no text
  • Enter the module settings from the SolPart Action Menu
  • Expand the "Advanced Settings" section
  • Check the box next to "Display Module On All Pages?"
  • Insert your Javascript code in the "Header" box. This will ensure that the data is always retained
  • Now under "Page Settings" -> "Basic Settings" un-check the following boxes
    • Display Container
    • Allow Print
    • Allow Syndicate
  • Ensure that the "Cache Time" is set to 0 (Caching appeared to cause issues with this implementation in my testing)
  • Click "Update" to save your changes

This should complete the setup. You may now test to ensure everything is functioning correctly. You can log out as an administrator and view your site and no extra content should be displayed however if you look at the generated source you should see your javacript listed. Google Analytics should update within about 15 minutes to show that they are receiving your data.

Best DotNetNuke Hosting Recommendation

ASPHostPortal.com provides its customers with Plesk Panel, one of the most popular and stable control panels for Windows hosting, as free. You could also see the latest .NET framework, a crazy amount of functionality as well as Large disk space, bandwidth, MSSQL databases and more. All those give people the convenience to build up a powerful site in Windows server. ASPHostPortal.com offers DotNetNuke hosting starts from $5. We also guarantees 30 days money back and guarantee 99.9% uptime. If you need a reliable affordable DotNetNuke Hosting, we should be your best choice.



DotNetNuke Hosting - ASPHostPortal.com : How to Add JavaScript to DNN Page?

clock Oktober 15, 2015 09:51 by author Kenny

How to Add JavaScript to DNN Page?

What is JavaScript?

JavaScript is a programming language used to make web pages interactive. It runs on your visitor's computer and doesn't require constant downloads from your website. JavaScript is often used to create polls and quizzes. JavaScript support is built right into all the major web browsers, including Internet Explorer, Firefox and Safari. Provided that the visitors to your site are using web browsers that support JavaScript (most do) and have JavaScript enabled (it is by default), then your JavaScript will run when they visit the page. JavaScript is an interpreted language, so no special program is required to create usable code. Any plain text editor such as Notepad (one of the Accessories that comes in Windows) is quite satisfactory for being able to write JavaScript. That said, an editor that colorizes the code to make it easier to see what is what makes it easier to find your mistakes.

Step by Step

  1. Navigate to a DNN page where you want to place slideshow
  2. Click on “Edit Page” located at right side of Admin bar and choose “Edit this page”, this will turn page to Edit mode.
  3. Say (you have already setup images) on top of content page, then click Modules menu in Admin bar, then click on “Add new Module”.
  4. Choose HTML Editor Module from the list of modules and drag it below to slide show (location of module not mandatory, but a best practice)
  5. Select settings from “gear” action menu of newly added module and remove value from “Module Title” and uncheck Is Sharable (this will prevent share this content across site) under Advanced Settings then click on “Update”
  6. Select Edit content from “pencil” action menu of new module, this will opens a word like editor.
  7. Choose “Basic Text Box” located in left top corner, this will show plane textbox, type relevant JavaScript code here.
  8. Finally choose “Raw” as Render mode located at bottom of the editor and Click on “Save”. This will attach our Script code with page.

Best DotNetNuke Hosting Recommendation

ASPHostPortal.com provides its customers with Plesk Panel, one of the most popular and stable control panels for Windows hosting, as free. You could also see the latest .NET framework, a crazy amount of functionality as well as Large disk space, bandwidth, MSSQL databases and more. All those give people the convenience to build up a powerful site in Windows server. ASPHostPortal.com offers DotNetNuke hosting starts from $5. We also guarantees 30 days money back and guarantee 99.9% uptime. If you need a reliable affordable DotNetNuke Hosting, we should be your best choice.



DotNetNuke Hosting - ASPHostPortal.com :: What's New in DotNetNuke 7.4.2?

clock Oktober 8, 2015 12:19 by author Kenny

What is New in DotNetNuke 7.4.2?

The latest version of DotNetNuke is 7.4.2. This version has been released at October 6th 2015. This release is maintenance release, bug fixes and support for incremental updates.

SECURITY ISSUES

This release resolves the following two security issues:

  • 2015-06 (Low) Potential XSS issue when using tabs dialog
  • 2015-07 (Medium) Users are getting registered even though User Registration is set to None

What started out as a relatively small maintenance release has turned into one of their largest maintenance releases ever. They spent a lot of time working to resolve a number of password management and multi-language issues along with a few performance enhancements. In total, they ran well over 5000 manual and automated tests on this release with a 99% pass rate.

MAJOR HIGHLIGHTS

  • Added upgrade support from beta release
  • Fixed issue with lists in custom registration form
  • Fixed issue with ignore words in Italian and French
  • Fixed issue with site export in multi-language site
  • Fixed issue where parameters in return URL were malformed
  • Fixed issue in sitemap for multi-language site
  • Fixed issue where control panel did not render links correctly in SSL offload environments
  • Fixed issue where pages with future start date were inaccessible
  • Fixed multiple password reset issues
  • Fixed issue where site settings could be duplicated
  • Fixed issue where dismissing all notifications removed messages as well
  • Fixed issue where file link for missing file caused exception
  • Fixed issue where localized portal settings were not getting applied when switching languages
  • Fixed issue where admin was unable to change interface language
  • Fixed issue where page name uniqueness was applied cross language
  • Fixed multiple scheduler issues

Best DotNetNuke Hosting Recommendation

ASPHostPortal.com provides its customers with Plesk Panel, one of the most popular and stable control panels for Windows hosting, as free. You could also see the latest .NET framework, a crazy amount of functionality as well as Large disk space, bandwidth, MSSQL databases and more. All those give people the convenience to build up a powerful site in Windows server. ASPHostPortal.com offers DotNetNuke hosting starts from $5. We also guarantees 30 days money back and guarantee 99.9% uptime. If you need a reliable affordable DotNetNuke Hosting, we should be your best choice.



DotNetNuke 7.4.1 Hosting - ASPHostPortal.com :: How to Use the Text DotNetNuke Skin Object

clock Augustus 28, 2015 11:54 by author Kenny

How to Use the Text DotNetNuke Skin Object

DotNetNuke is a web content management system based on Microsoft .NET. The DNN Platform Edition is open source. DNN is designed for multi-tenancy and supports an unlimited number of websites, either as root websites or for portals in a parent-child configuration. The platform's skinning feature separates content from design-related files for easier customization. Skins make it simple to maintain a common look and structure across related sites without advanced programming knowledge. DNN's core functionality can be expanded with modules for common elements, such as those for e-commerce. The software enables parent-child website resource sharing and management using specially-formed symbolic links.

How to Use the Text DotNetNuke Skin Object

What is a Skin Object?

First of all, a skin object is an ASP.Net user control that is used in DNN skins to provide a limited feature.  For example, the search box, menu, login link, copyright statement, and more, are all skin objects.  They allow a skin designer to include dynamic content without having to know how to build the content itself, or knowing any programming.

Other than the previous description, this post will assume that you know how to create and package your own skin.

Text Skin Object

The Text skin object itself is a very useful feature in skinning, as it allows you to include localized text, while not having to create a copy of the skin for each language, or using any other number of workarounds.

For example, if you have static text next to your login skin object that says, “Welcome, “ then you might want to have alternatives for another language, if you plan to support it.

I am going to use that example for the rest of this post.

The Code

There is minimal code needed to implement the Text skin object.  If you’re using an HTML skin, then you would simply need to do the following:

<object id="dnnTEXT-Welcome" codetype="dotnetnuke/server" codebase="TEXT">
    <param name="Text" value="Welcome, " />
    <param name="CssClass" value="NormalBold" />
    <param name="ResourceKey" value="Welcome.Text" />
    <param name="ReplaceTokens" value="False" />
</object>

If you are using a ASCX skin, then you would need two updates.  First, put this line of code into the top section of the source:

<%@ Register TagPrefix="dnn" TagName="TEXT" Src="~/Admin/Skins/Text.ascx" %>

Next, put this code into the appropriate spot of the source in the skin:

<dnn:TEXT runat="server" id="dnnTEXT-Welcome" Text="Welcome, "
CssClass="NormalBold" ResourceKey="Welcome.Text" ReplaceTokens="False" />

Resource Files

Next, you need to make sure your skin has resource files.  In your skin package, you should have a folder namedApp_LocalResources.  This folder will contain the necessary files to tell your skin the appropriate text to use for the skin object when the specific language is asked for during page request life cycle.

If your skin file is named index.ascx or index.html, then your default resource file for English would be namedindex.ascx.resx.  If your additional supported language is French, your filename might be index.fr-FR.ascx.resx.

The English file code would be something like this:

<?xml version="1.0" encoding="utf-8"?>
<root>
  <data name="Welcome.Text">
    <value>Welcome, </value>
  </data>
</root>

The respective code for the French language file might look like this:

<?xml version="1.0" encoding="utf-8"?>
<root>
  <data name="Welcome.Text">
    <value>Accueil, </value>
  </data>
</root>

Text Skin Object Properties Explained

There are a few properties that you’ve seen in the previous examples that you might be wondering about.  Here is an explanation of those properties:

  • Runat – (required, ASCX only) The value must be ‘server’ 
  • Id – (required) This is a unique name for the tag, much like in standard HTML 
  • Text – (optional) This value will be used as the default, should an appropriate resources file for the current language not be found 
  • CssClass – (optional) This value is the name of a CSS class that will be available to the rendered HTML page to stylize the text in the web browser 
  • ResourceKey – (required) This value references the id (name) of the text to retrieve from the resources file 
  • ReplaceTokens – (optional) This true/false value will tell DNN to look for system tokens and replace them with the appropriate text


DotNetNuke Hosting With ASPHostPortal :: How to modify DotNetNuke Login Page? The Easy Way

clock Maart 16, 2015 05:42 by author Mark

The DNN login page is the most forgotten part in all DNN users and even some professional DNN portals like PokerDiy.com and neoteo.com. There are few modules that allow you to have a simplified login or pop up login like digg.com but you need to pay or it and it is not cheap and easy to change the design.
dnn-login-sample

In order to make changes to your DNN Login page, you have to understand the components in the login module. The DNN Login module consists of 4 parts which is the DNN Membership Authentication System, The Authentication Provider, The Login Module itself and the Language Resources Files (.resx).

The linkage of these components are as below:
Login Module loads Authentication Provider(s) into it and the provider as a gateway to the DNN Membership Authentication System. For example, if a user using LiveID to login your DNN Portal, the LiveID Authentication Provider redirect the user to MSN LiveID Gateway and then pass the credential back to your DNN Portal and match it with the DNN Membership Authentication System.

Login Structure

However, DNN Membership Authentication System also consist of Member Registration, Password Reminder and Forgot Password Question which makes the designing work on Login Works kinda tricky, not even need to mention the words that are loaded from the language resource files.
Ok, lets start changing those ugly interface! First we need to locate all the files that need to be changed. You will need to have FTP access to your DNN installation root.

Step 1: Changing the Login Module Container

The Login Module is basically the Admin’s Container by default where there is actually no login page but a “DNN Control” (Home/ctl/Login.aspx) unless you create a page and specified it in Admin > Site Setting > Advance Setting > Login Page.

Step 2: Locating Files that need to be changed

Now we need to locate the Login Authentication Providers at /DesktopModules/AuthenticationServices/ There will be 3 default providers which is DNN, LiveID and OpenID. You will find Login.aspx and Login.ascx.resx (under App_LocalResources) inside it and that are the files you are going to change it. For the DNN authentication files, you can get them at: /admin/Users/user.aspx and /admin/Authentication/login.aspx
Make sure you didn’t mixed up with login.aspx in providers.

Step 3: Changing the Text and Words

You can either change it using DNN Language editor which is located in Admin > Language in control panel are directly look for the files in FTP. I actually prefer the later method as it is more easier to read and modify using Visual Web Developer.
“Register” “Forgot and Password” at
/httpdocs/admin/Authentication/App_LocalResources/Login.ascx.resx
*If you have more than one portal, the file name will be “Login.ascx.Portal-0”

<data name="Remember.Text" xml:space="preserve">
     <value>Remember Login</value>
 </data>
 <data name="cmdForgotPassword.Text" xml:space="preserve">
    <value>Forgot Password ?</value>
 </data>
 <data name="cmdRegister.Text" xml:space="preserve">
     <value>Register</value>
 </data>

All you need to to change the text inside between the “value” attribute. I’d not recommend you to put html/css into it as it will increase the load time and may messing up xhtml coding standard…

Step 4: Changing the files.

First, we need to deal with the Login Tabs which is using the DNNTabStrip webcontrol. You can find this file at:
/httpdocs/admin/Authentication/Login.ascx
Inside the file, look for:

<DNN:DNNTabStrip
 ID="tsLogin"
 runat="server"
 TabRenderMode="All"
 CssTabContainer="LoginTabGroup"
 CssContentContainer="LoginContainerGroup"
 DefaultContainerCssClass="LoginContainer"
 DefaultLabel-CssClass="LoginTab"
 DefaultLabel-CssClassHover="LoginTabHover"
 DefaultLabel-CssClassSelected="LoginTabSelected"
 visible="false" />

The Css Classes are located at /Portals/_default/default.css by default. You can either change the css file, override it in skin.css / portal.css or redefine the classes in login.ascx
If you look at the pokerDIY login tabs, you will see that the tabs have been pushed into 2 lines which makes the layout very messy. You can simply widen it by changing the “width=160” to a larger number in the following lines and you will have the problem solved.

<asp:panel id="pnlLogin" runat="server" Visible="false">
     <table cellspacing="0" cellpadding="3" border="0" summary="SignIn Design Table" width="160">

Ok, now you have change the “Register” and “Forgot Password?” text but what about the design? For these, you need to look for “cssclass=”CommandButton” in the following lines located inside the same login.ascx.

<asp:Linkbutton id="cmdRegister" resourcekey="cmdRegister" cssclass="CommandButton" text="Register" runat="server"/>
 <asp:Linkbutton id="cmdPassword" resourcekey="cmdForgotPassword" cssclass="CommandButton" text="Forgot Password?" runat="server" />

We’ll leave the other parts of codes inside the file and CSS coding for a moment. Now we proceed to change another login.ascx which is located in:
/DesktopModules/AuthenticationServices/DNN.ascx
There are few basic things you need to change to make your login looks beautiful which are: The width, Label text/icon, login button, input box and the text inside it. You can find them in these lines:

<dnn:label id="plUsername" controlname="txtUsername" runat="server" resourcekey="Username" />
 <dnn:label id="plPassword" controlname="txtPassword" runat="server" resourcekey="Password" />
 <asp:textbox id="txtUsername" columns="9" width="150" cssclass="NormalTextBox" runat="server" />
 <asp:textbox id="txtPassword" columns="9" width="150" textmode="password" cssclass="NormalTextBox" runat="server" />
 <asp:button id="cmdLogin" resourcekey="cmdLogin" cssclass="DNNLogin" text="Login" runat="server" />

Like many others, you probably thought of removing the stupid help icon in the login page. It is simple if you’re only having a single language website version. All you need is to replace the <dnn:label to standard html code.
If you need to persevered the language resources function, you may substitute the dnn label control into standard asp label control as follow:

<asp:label id="plUsername" controlname="txtUsername" runat="server" resourcekey="Username" />

To change the textbox design as well as the font inside, simply look for <asp:textbox and change the cssclass value and thing applies to <asp:button for the login button.
After you’ve changed all the cssclass value in dnn.ascx, you may proceed to LiveID.ascx and OpenID.ascx using the same method.

Step 5: CSS Styling codes

Now we’ve reached into the hardest part where we need to use css to make a stylish login page. First, I would suggest you to put a new name for each of the value inside the CssClass attribute. This is because the default value are general classes which are shared with other modules and controls in the whole portal.

Best DotNetNuke Hosting Recommendation

ASPHostPortal.com provides its customers with Plesk Panel, one of the most popular and stable control panels for Windows hosting, as free. You could also see the latest .NET framework, a crazy amount of functionality as well as Large disk space, bandwidth, MSSQL databases and more. All those give people the convenience to build up a powerful site in Windows server. ASPHostPortal.com offers DotNetNuke hosting starts from $5/month only. We also guarantees 30 days money back and guarantee 99.9% uptime. If you need a reliable affordable DotNetNuke Hosting, we should be your best choice.



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


 photo ahp banner aspnet-01_zps87l92lcl.png

Corporate Address (Location)

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

Tag cloud

Sign in