Skip to main content

Login Pages Fields and Settings Reference

Updated

Each login page configuration tab in SmartSimple contains a distinct set of settings.

General Tab

The following settings are available on the General tab.

Setting Description
Language Each login page must be assigned a single language, selected from the drop-down menu.
Default Login Page By default, users who access the system URL without specifying a Language ID are directed to the English US login page. Enable this setting on a different language login page to make it the default. Only one login page can be set as the default at a time.
Page Layout Keep this set to Default unless customization of the HTML of the login page is needed. The Default layout ensures access to the most up-to-date login page features and templates. Selecting Custom adds a Template tab where the underlying HTML can be modified.
Page Title Displayed in the browser's title bar or page tab. Populates the HTML title tag. Typically contains the organization's name.
Login Title Text that appears above the authentication area. Typically set to "Login."
Content Title Text that appears above the custom message on the right side of the screen. Typically set to a phrase like "Welcome to XYZ."
Content Text Text that appears below the Content Title. Typically used to describe the organization and the purpose of the system. For example: "XYZ Group provides grants to non-profits in the USA. Register to gain access to the system and apply for funding."
Logout Redirect URL URL to which the user is redirected upon logout. Leave blank to redirect users to the system's login page by default.
NOTE  If Page Layout is set to Custom, login pages may need to be manually updated to incorporate future design changes.

Page Formatting Settings

The following settings are in the Page Formatting section of the General tab.

Setting Description
Background Image The uploaded image displays behind the login page content. Upload a JPG or PNG file at 1920 x 1280 pixels at 72 PPI, optimized for a low file size. Click Browse (folder icon) to select a file, then click Upload (upward arrow) to upload it.
Background Position Controls how the image renders at different resolutions by setting vertical and horizontal anchor points. For example, selecting Top and Left means the top-left area of the image is always visible; content toward the right or bottom may be clipped depending on screen size.
Background Overlay Color A color overlay applied on top of the background image. Enter the hexadecimal value without the # symbol, or use the color picker. For example, enter FFFFFF for white. Must be 3 or 6 characters if entered manually.
Background Overlay Opacity Controls the opacity of the background color overlay. High renders the color completely opaque, hiding the background image. Low renders the color fully transparent, showing the background image. Values between Low and High create a translucent overlay.
Panel Color The color of the login panel, the area in front of the background that contains the username and password fields.
Panel Opacity The opacity of the login panel. Low makes the panel transparent; High makes it opaque.
Font Color The color used for all text on the panel, including Content Title, Content Text, and Section Title. Ensure sufficient contrast between the font color and the panel or background image. Typically, text is black on a white panel or white on a dark panel.

↑ Back to top

Privacy Policies Settings

This section is visible only when Page Layout is set to Default.

Setting Description
Section Choose to show or hide the Privacy Policies section on the login page.
Section Title Visible only when using the Default page layout with privacy policies enabled.
Button Label Visible only when using the Default page layout with privacy policies enabled. The label on the button that opens the system's policies. Typically set to "Privacy and Security Policies."

↑ Back to top

This section controls whether users can self-register.

Setting Description
Link Section
  • None - Disables links to a signup page and hides this section. Users cannot self-register and must be added by other means (autoloader, import, or manual creation). 
  • Use Routing Page - Displays a routing page listing available signup pages; recommended when multiple signup pages exist for different user types or languages. 
  • Custom URL - Recommended when a single signup page exists. Enter a button label (for example, "Register here") and the relative URL to the signup page.
Section Title Text displayed above the registration buttons. Typically set to "New to the System?"

↑ Back to top

Routing Page Tab

The following settings are available on the Routing Page tab.

Setting Description
Page URL Displays the direct link to the routing page and includes a preview button to view the routing page without logging out.
Button Label Label for the button on the login page that opens the routing page. Typically set to "Register."
Header Title Text displayed at the top of the routing page. Typically set to "Registration Options."
Introduction Text Text displayed below the header title, above the list of signup pages. Typically set to "I am applying as:"
Trailing Text Text displayed below the list of signup pages. Typically left blank. Optionally used for contact information for users needing assistance.
Routing Links A dynamic section for adding links to signup pages on the routing page. Click Add [+] to create a new link.

↑ Back to top

Each routing link has the following settings.

Setting Description
Title Displayed in bold for each link. Typically a short phrase such as "Individual," "International Organizations," or "Domestic Organizations."
Description Appears below the title. Helps users identify the correct signup page, for example: "For applicants who are not associated with an organization."
URL The relative URL to the desired signup page.

↑ Back to top

Template Tab

The following settings are available on the Template tab. This tab is visible only when Page Layout is set to Custom.

Setting Description
Sample Template Clicking this link inserts the default HTML, CSS, and other code used to render the login page. Use a custom template only if additional functionality is needed or a significant redesign is desired.
Login Page Template Enter or modify custom code for the login page. Custom code should meet accessibility guidelines and be responsive across all devices, including mobile.

↑ Back to top

Alternate Login Page Settings

Settings for alternate login pages, available under the Alternate tab.

Setting Description
Login Page Name Name of the virtual alias login page.
Description Internal description of the virtual alias login page. Not visible to end users.
Scope Organization Restricts the alternate login page to users within the selected organization.
Virtual Folder Name A name that appears in the login URL and differentiates this login from others.
Web Alias An alias to use instead of the instance-defined alias.
Encrypt URL Enable or disable URL encryption.
Logout Redirect URL URL to which users are redirected upon logout. If left blank, users return to the login page upon logout.
Primary Role The default role assigned to users logging in through this alternate login page. Used to direct users to a specific role-based portal.
Login Type Select from: All Users, Activated Users Only, No Access.
User Field The field used to uniquely identify the user at login. Typically set to Email Address.
Password Field The field used for password entry at login.
Login Error Message The error message displayed after a failed login attempt.
Login Page Content Click Insert Sample Template to auto-populate the text window with a sample login page template. Alternatively, enter custom content.
NOTE  Alternate login page content functions differently from primary login page content. The same template cannot be used for both.

↑ Back to top

Helpful Links