App UI: Progress Step

Module

Compatible Templates

  • Nexus Portal - App UI Client Portal

  • Nexus Portal - App UI Partner Portal

  • Nexus Portal - App UI Home Screens 1

  • Nexus Portal - App UI Demo

  • Nexus Portal - App UI Knowledge Base

  • Nexus Portal - App UI Onboarding

  • Nexus Portal - App UI Course Login

Properties Needed

  • Onboarding Process {{ personalization_token('contact.onboarding_process'', '') }}

Instructions:

  1. Go to Edit Page
  2. Paste "App UI: Progress Step" into input

    screenshot_4d92843b-ee9d-400b-811e-f3f302777512
  3. Drag highlighted option
    You can drop it anywhere in Drag and Drop Section

    edited_image_841725b9-7289-4e36-ac7c-ae060131f50d
  4. Click the module

    screenshot_b4742dd7-7303-49c9-919c-8e013f5c1545
  5. Click on Alignment and spacing

    screenshot_d2b52107-f699-4e13-b489-2e98e8d125fd
  6. Add Spacing

    screenshot_e0bcc1c6-4e5f-47e2-b06b-21bafada827e
  7. Type "50"

    screenshot_09b4f23e-f3cd-4a27-a80c-05bb6580647d
  8. Click the module
    screenshot_fabdd26d-fc4b-4fe4-9ae0-3f862139b92c
  9. Click on Step

    screenshot_c769dc36-5233-4eff-927f-807b5a0324f5
  10. Paste "{{ personalization_token('contact.onboarding_process', '10') }}" into text area

    screenshot_21e064a6-b0db-4774-87ef-c314ddfdbc18
  11. Click on Step

    screenshot_ec34ac7b-af0c-42b2-b049-bd919161ed4f
  12. Update Step 1

    screenshot_87bddc29-bed3-4fe5-b668-edd5948e4dc3
  13. Update Step 2

    screenshot_2a0362f5-472c-4b90-b727-b572f691cae7
  14. Update Step 3

    screenshot_00bcf8f3-ece4-4101-9a5f-ff424f05829a
  15. Type "{{ personalization_token('contact.onboarding_process', '30') }}"
  16. Check Preview

    screenshot_00664780-c1ad-4aac-bb80-38453decf7d3
  17.  Type Contact Lists

    screenshot_c1d858a1-222d-4777-94a6-cc17c305d772
  18. Final Output

    screenshot_a0abb550-28e8-45af-ae80-0775ad3756c9