Smartstaff, administrator
3,320
edits
Changes
→Creating a New Login Page
8. Modify the settings on the '''General''' tab as needed and press '''Save'''.
==Login Page Branding==
There are several settings under '''Page Formatting''' to control the look of the background image and its positioning. Note, background images should be something generic like a solid block of color, a pattern or photo. Avoid graphic elements like logos that must be visible as the same image will be used across all devices, screen sizes and both in portrait and landscape so clipping will occur. The recommended dimensions of background images are 1920 x 1280 with 72 pixels per inch (PPI). You can also adjust the opacity and color of the panel.
==Multiple/Switching Languages==
Administrators need to may create a separate login page for each language you they want to support. You Administrators will choose the desired language for a login page when you they create a new login page.
If you have more than one language login page, the user will see a select one drop down in the top right of the screen as long as you are using have set the default layout or standard '''Page Layout''' setting to '''Default''', alternately you may chose '''Custom''' and add the sample template. The user can choose their desired language from this drop down. The language the user chooses will follow through after login. If you choose to have a single login page for all users instead of separate login pages per language, then upon login users will be directed to the language they last chose within the platform.
Administrators can choose which language login page is the default via a toggle on the settings page for the desired login page. This determines which language login page will be displayed if a user goes to https://youralias.smartsimple.com/ without specifying a language ID.
You can also send your users a direct link to [[Language|a specific language]] login page by adding '''?&lang=14''' to the login page URL. The For example the URL to a Spanish login page would look like this:as follows where 14 is the language id
<pre> https://myalias.smartsimple.com/s_Login.jsp?&lang=14</pre>
# Go to '''Menu''' Icon > '''Global Settings''' > '''Branding''' tab > '''Login Pages''' link > edit the desired login page > '''Routing Page''' tab.
# Under '''Routing Links''' press the '''+Add Link''' button (looks like a plus sign "+") to add a new link.
# For '''Title''' enter some text to indicate the kind of signup page you will link to. Example Individual, Domestic Organization, International Organization, etc.
# For '''Description''' enter some text to help people choose the correct signup page. Example, '''For applicants who are not associated with an organization'''.
# For '''URL''' enter the URL to your signup page or use the '''URL Lookup''' to find it. If you paste the Page URL of your signup page into a routing page, make sure you use the relative path. Relative paths will resolve correctly and work on production as well as development/and backupEnvironments. Example:<pre>/s_csignup.jsp?token=XVtQHUUGYVpQRhRRXxNRS1BWZEl2HnFsFA%3D%3D&ptoken=XVtQC1oGYVpQRhRRXxNRS1BWZEl2HnFsFQ%3D%3D</pre>
# Press '''Save'''.
Cookies are small pieces of data stored on a user’s computer by their browser.
Depending on your jurisdiction you may be required to notify your users of the use of cookies.
Learn more about cookies and the EU cookie directive in this [https://en.wikipedia.org/wiki/HTTP_cookie#EU_cookie_directive this Wikipedia articleon cookies]. The first time a user comes to your system they will be presented with an alert explaining that Platform3 uses cookies. It also states that by using the system they are consenting to the use of cookies. The user can click '''OK''' to accept or navigate away. There is also a link to a longer description which explains what cookies are being used and why.
[[File:cookies.jpg|thumb|none|800px|The Cookies acceptance alert shown to all users first time they visit your system.]]
: ''Main Article: [[Configuring Privacy, Confidentiality and Other Policies]]'':
Within your system you will need to set up Privacy and Security Policies. You will set these policies up for several language and country combinations. Typically, a privacy policy will say what type of information you collect, why it is collected, how it is collected , what you will use the information for, who will have access to the information, how users will be notified of changes to the policy and who to contact regarding privacy concerns.
By default, the login page will have a button called '''Privacy & Security Policies''' in the main panel below the email and password inputs. This link will display any policies you have set up for the '''Default Country''' (default country is a privacy country option that is generally used for all countries if the user has not logged in or if there are no country-specific policies). After the user has logged in, and if the user has a country specified in their profile then the user will be able to see their specific countries/language policies in the header if they have been configured.
If you have chosen a date for '''Enforce User Acceptance''' the user will be brought directly to your policies upon login and the user will be forced to accept the policies in order to use the system. A record of that acceptance is also recorded and retrievable.
=Configuration - Advanced=
==CAPTCHA on the Login==
If you enter the wrong email and password into the login page twice you will see a CAPTCHA. CAPTCHA stands for "Completely Automated Public Turing Test to tell Computers and Humans Apart”. It is used in this case to verify that the user is a person and not an automated program is attempting to login.
[[File:captcha-login.jpg|thumb|none|800px|CAPTCHA displayed after wrong email and password combination entered]]
You can toggle the CAPTCHA on or off for your entire system by going to '''Menu''' icon > '''Global Settings''' > '''Security''' tab > and choose either '''Enabled''' Google reCAPTCHA or '''Disabled'''. The "inherit" choice only affects signup pages and will not disable alternate CAPTCHA on the login. Note you can also choose to use an or specify alternate CAPTCHA only for users in countries that are unable to communicate with CAPTCHA servers because of government policy. This is done by selecting a country such as China in the '''Countries Using Alternate CAPTCHA Service:''' setting. [[File:Recaptcha.png|thumb|none|800px|This setting can be found at '''Menu''' icon > '''Global CAPTCHA Settings]]''' > '''Security''' tab.
==Popup Blocker Check==
Typically we leave this check disabled and do not warn users that they are using a pop up blocker.
[[File:popup-blocker.jpg|thumb|none|500px|textWarning message displayed on login page when a pop-up blocker is detected]]
If you choose you can enable this check and warning message by doing the following.
The '''Alternate '''tab from the Login Page list view is used to create and edit multiple custom login pages with a specific instance URL.
If you are on the '''Alternate''' tab When , when you click the '''New Login Page''' button that looks like a '''+''' icon in the action bar then you will create a New Alternate Login Page.
Alternate login pages work differently then Primary login pages, so you can’t reuse the code from the Primary login pages. Alternate login pages also require more customization and the users are required to enter a long url to use these
[[File:Alternate login pages.png|800px|border]]
==Failed Login Log==
If a user attempted attempts to login log in and failedfails, you can see a list (audit log) of the user names (the email they entered) , their IP addresses , and the time.
To see the Failed Login Log go to '''Menu''' icon > '''Global Settings''' > '''Security''' tab > '''Password and Activation Policies''' > and click on '''Failed Login Log''' in the left navigation.
|-
||'''Language'''
||Each login page must have a single language which you can select from the drop downdropdown.
|-
||'''Is Default Login Page'''
|-
||'''Page Layout'''
||Leave this setting on '''Default''' unless you specifically need to customize the HTML to your login page as it will ensure you will always have the latest and greatest looking login page. If you choose '''Custom''' you will get a '''Template''' tab where you can modify the underling underlying HTML of the login page. Note if you opt to go custom, you may need to manually update your login pages to take advantage of improvements or changes in functionality.
|-
||'''Page Title'''
||Text entered here will display in This is the browsers title your browser displays on it’s title bar or a page's tab. This text is used as to populate the title tag in the html HTML of the login page. Typically your organizations organization's name is entered into this field.
|-
||'''Login Title'''
|-
||'''Content Text'''
||Text entered here appears below the content title. Typically this area is used to describe who you are, what you do and what the system is used 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'''
||This is the page the user gets redirected to once they logout. Enter a URL such as ''https://www.smartsimple.com/ and the user will be redirected to that URL upon logout '' or leave it blank to have the user logout redirected back to the your system’s login pageby default.
|}
===Privacy Policies===
This section is only visible if you chose a '''Page Layout''' of '''Default'''.
{| class="wikitable"
|-
||'''Section'''
||Choose to show or hide the '''Privacy Policies ''' for your system on the login page only.
|-
||'''Section Title'''
||This input only appears if you are using the '''Default ''' page layout with privacy policies on. Typically people enter "Learn more about our".
|-
||'''Button Label'''
||This input only appears if you are using the '''Default ''' page layout with privacy policies '''Privacy Policies''' on. Enter the name you want to give the button that will open your systems policies that you define. Typically people enter "Privacy and Security Policies" for the button text.
|}
The '''Use Routing page''' option is best if you have multiple signup pages often for different types of users and organizations. The routing page will display a list of signup pages so the user can be directed to the signup page that is right for them. Learn more about [[Signup_Page#Creating_a_routing_page|routing pages]]
The '''Custom URL''' option is best if you only have one signup page. If you choose this option you will be able to enter a label for the button such as "Register here" as well as the URL to the desired signup page. For the URL use the relative path to your signup page. Example /s_signup.jsp?token=XVtQC1oGYFFaRhNaXxJaQVBRZEl8GnA%3D this This way the register button will work on production and backup and any staging servers you may have.Example: ''/s_signup.jsp?token=XVtQC1oGYFFaRhNaXxJaQVBRZEl8GnA%3D''
|-
|-
||'''Background Position'''
||Select how the image will render at different resolutions by choosing where to anchor the image vertically and horizontally. For example if you choose '''Top''' and '''Left''' as the position, then the top left area of the background image will always be visible on screen. Anything on the right/bottom of the image may be clipped and not display depending on screen size and aspect ratio of the image and the users user's device.
|-
||'''Background Color'''
||Adjust this setting to change the color that will appear above over the background image. Enter the desired hexadecimal value here without the # or use the color picker. Example, enter FFFFFF to have a white background. You must enter either 3 or 6 characters if you are manually entering the hexadecimal value.
|-
||'''Background Opacity'''
|-
||'''Panel Color'''
||Select the color of the login panel that appears behind the content such as the username and password but in front of the background color and image.
|-
||'''Panel Opacity'''
|-
||'''Button Label'''
||The text entered here will be used as the label for the button that will open the '''Routing Page'''. This button is displayed on the login page. Typically you will enter the text "Register".
|-
||'''Header Title'''
|-
||'''Login Page Content'''
||Click the '''Insert Sample Template - '''Click this hyperlink to auto-populate the text window with a sample template for a login page. Otherwise, you can insert in your own customized content. Note that the Alternate login page content works differently than primary login pages so you cannot use the same template for both.
|}
[[Category:Interface]]