×

Please give details of the problem

Docs

Find

    Developer Guide

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

    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!