×

Please give details of the problem

Docs

Find

    Developer Guide

        1. Todo Validation
      1. Release Your User Login
      1. Process Reporting API
        1. CSS Examples
        2. CSS Personalization
      1. Performance
        1. List Reinitialization
        2. Holidays
        3. Number Currency Format
        4. Label Modification
        5. Array From WS
        6. Launch Process JQuery
        7. Column Inactivation
        8. Date
        9. Print JSONObject
        10. ArrayJSON to JSONArray
        11. Invalid Fields
        12. Round
        13. Initialization Widget Date
        14. JQuery
        15. Inject JSONObject
        16. Google Tables
        1. Summing Array
        2. API Listener
        3. User Lane Picker
        4. Retrieving Variables Values
          1. Chart Dashboard
          2. Report Chart
          3. Google Visualization
          4. Chart Dashboard Collection
        5. Tags
        6. Collection
        7. File Preview
        8. Dynamic List
        9. Dialog Window
        10. JavaScript Report
        11. Autocomplete Widget
          1. homepage.js
          2. homepage.css
        1. Logout
        2. Custom Login Page
        3. Header
        4. Mobile Devices
        5. Basket
        6. Redirection ExecutionMode
        7. Menu Bar
        8. Information Tags
      1. Composite API Example
      1. Markdown Template
        1. Task Reminder Email
        2. SubProcess
        3. PDF
        4. JavaScript Inclusion
        5. Variable Mapping
        6. Backloop
      2. Trigger
        1. File Visibility
        2. Number Currency Format
        3. Error Handling
        4. JSONObject Concatenation
        5. Loop
        6. Dynamic Variable
        7. List 1000+ Objects
        8. Metadata
        9. Freemarker Container Test
        10. JSONObject Keys Values
        11. List Hash Sequence
        12. Special Freemarker Characters
        13. Salesforce Computation
        14. Array To List
        15. JSONArray Conversion
        16. Lock
        17. JSONObject Creation
        18. Number Test
      1. Customer Management
        1. Messages
        2. Scheduled Process
        1. Custom Lists
          1. Web Interface Stylesheet Tab
          2. Web Interface Analytics Tab
          3. Web Interface Implementation Tab
          4. Web Interface Collection Tab
          5. Web Interface API Tab
          6. Web Interface Design Tab
          7. Web Interface JS Tab
            1. Report Widget
            2. List Widget
            3. JavaScript Widget
            4. History Widget
            5. RadioButton Widget
            6. FileUpload Widget
            7. StaticText Widget
            8. HTML Editor Widget
            9. ProgressBar Widget
            10. Section Widget
            11. Spinner Widget
            12. Image Widget
            13. Multi Checkbox Widget
            14. Tab Widget
            15. Tree Widget
            16. HTML Widget
            17. Checkbox Widget
            18. Button Widget
            19. Custom Widget
            20. URLInput Widget
            21. TextInput Widget
            22. Array Widget
            23. Captcha Widget
            24. Geolocation Widget
          1. Version
          2. Project Version Tab
          3. Project Definition Tab
          4. Project Description Tab
          5. Project Rights Tab
          6. Project Versioned Files Tab
          7. Project Collection Tab
          8. Project Files Tab
        2. Collections
          1. Providers
          2. Processes
          3. Connectors
        3. Revision
          1. Composite API Configuration Tab
          2. Composite API Design Tab
          1. Process Input Tab
          2. Process General Tab
          3. Process Measures Tab
          4. Process Variables Tab
            1. Gate
            2. Process Step Output Variables
              1. Process Task Functional Tab
              2. Process Task Connector Tab
              3. Process Task Script Tab
              4. Process Task Loop Tab
              5. Process Task SubProcess Tab
              6. Process Task Manual Tab
              7. Process Task Email Tab
            3. Process Step Input Variables
            4. Process Step Testing Variables
              1. Process Intermediary Event
              2. Process Start Event
              3. Process Timer Event
          5. Process Design
          1. Organization
          2. Roles entities
        1. My Applications
        2. Files
        3. Home
        1. Process Examples
        2. Connectors
        1. Web Interface Reports
          1. Parameters
          2. Runtime Users
          3. Execution Path
          4. Measuring
        1. Configuration
        2. Users
        3. Usage
      1. Mobile
      2. Offline
      1. Collections BackOffice
      2. Collections To List
      3. Collections To Array
      4. Collection JS Freemarker
      1. Access Rights
      2. Delegation
      3. Compound Organization Hierarchy
      4. Dynamic Lanes
      5. Scripted Lanes
      6. Runtime Lanes

    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!