×

Please give details of the problem

Skip to content

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

2012-06-13_132243

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) :

2014-09-03-233200 2014-09-03-233200

Design the web interface

Go to ACCOUNT > Configuration > Authentication method tab

Choose method Login/Password (1) and click on application_form_add icon (2):

2014-09-03-232500

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):

2014-09-03-234600

2014-09-03-234600

2014-09-03-234600

Go to Design and configure these widgets:

2012-06-13_143147

  1. add the PUBLIC logo of your company
  2. add an html widget with this code:

    1
    <div class="supertitle">Sign in</div>
    
  3. add an html widget with this code:

    1
    <div class="sectionTitle">RunMyProcess login/password</div>
    
  4. add a text input

    • Label 'Login'
    • Variable P_login
    • Max visible characters : 40
  5. add a text input

    • Label 'Password'
    • Variable P_password
    • Max visible characters : 40
    • Password option ticked
  6. add a button

    • Action Login
    • Label 'Sign in'
    • Login variable P_login
    • Password variable P_password
  7. 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
https://live.runmyprocess.com/pub/${customer_id}/appli/${appli_id}

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) :

2012-06-13_145021

Save this configuration

It's done, give it a try!