Customizing Login Modules

Overview

To make features more relevant to your site's users, you may want to customize elements of your login page.

 

Prerequisites

  • Environments DNN 9 and above

 

Diagnosis

For example, if a majority of your users have registered on your site using their Facebook credentials, you could modify the login page to make it more relevant to them. For example, you could set the default login to Facebook and then change the text that appears on the default login tab from "Standard" to "Facebook".

tabbed-login.png

 

Solution

  1. In the Persona Bar, select Site Settings.
  2. On the Site Settings page, click the Translate Resource File icon.
    NOTE: The Translate Resource Icon is represented as a Chinese character and is located next to the gear icon.
    dnn_site_settings.PNG
  3. Click the Resource File drop-down and navigate to the login.ascx resource file using this path: Local Resources > DesktopModules > Authentication Services > DNN > APP_LocalResources > Login.ascx
    dnn_resourcefile.PNG

  4. You are provided with the default and localized values for each resource name. Edit the localized values for the resources that you want to customize. For example, if you want the text on the default login tab to read as "Hello World" edit the Localized Value field that corresponds to the Title.Text resource name and type "Hello World".
    By editing the localized version of the login module we can customize much more than just the login name.
    dnn_modifystring.PNG
  5. After you have finished making all required edits, click Save Translations To File to save changes.

 

Testing

The changes made to the login module will be visible on the login page.

Comments

0 comments

Please sign in to leave a comment.