Custom Login Page
Let's configure a login page where users can sign-in using their RunMyProcess login/password.
Note: You must be admin to configure a login page
The result we want to achieve should render like this
Get the stylesheet
Download this stylesheet and upload it as PUBLIC to your RunMyProcess account.
Create the project
Create a project "Login Page".
Get the stylesheet
Download this stylesheet and upload it as PUBLIC to your newly created project.
To so go to the Files
tab, click on Add File
and choose Public
(1). Then select the downloaded css. Once the file has been uploaded, you will see its name in the listed files (2) :
Design the web interface
Go to ACCOUNT
> Configuration
> Authentication
method tab
Choose method Login/Password (1) and click on icon (2):
Choose the project you have just created Login Page
and name the new public web interface Login Page
(1). Make sure that the visiblity of the web interface is Public (2) and uncheck Display the Header
option (3).
Last, plug the public stylesheet from Stylesheet
> Add custom sylesheet
(4), select Custom
, select your uploaded stylesheet and click on Validate
(5):
Go to Design and configure these widgets:
- add the PUBLIC logo of your company
-
add an html widget with this code:
1
<div class="supertitle">Sign in</div>
-
add an html widget with this code:
1
<div class="sectionTitle">RunMyProcess login/password</div>
-
add a text input
- Label 'Login'
- Variable P_login
- Max visible characters : 40
-
add a text input
- Label 'Password'
- Variable P_password
- Max visible characters : 40
- Password option ticked
-
add a button
- Action Login
- Label 'Sign in'
- Login variable P_login
- Password variable P_password
-
add an html widget with this code:
1
<hr>
Create a live version of your project
Go the Version
tab of the project and click on New version
. Check Include all resources
and save it. Switch its execution mode to LIVE
.
You should now be able to access anonymously to your login page using a url like:
1 |
|
Configure this webinterface as the main login page of your account
Go to ACCOUNT
> Configuration
> Authentication
method tab
Choose method Login/Password
(1) and enter the public url of your login page (2) :
Save this configuration
It's done, give it a try!
Please give details of the problem