×

Please give details of the problem

Docs

Find

    Developer Guide

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

    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!