App UI: Cards 2 Column V1

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

Instructions:

  1. Go to Edit Page 
  2. Paste "App UI: Cards 2 Column v1" into input

    screenshot_dfe70c0d-a51a-4089-a1bf-47ec35f593bf
  3. Drag highlighted option
    You can drop it anywhere in Drag and Drop Section

    edited_image_808ffe05-39b9-468b-a3c9-e4055d7f1906
  4. Adjust Spacing

    screenshot_dafa8f54-156f-433b-b6c2-e525ced5ab62
  5. Click on Alignment and spacing

    screenshot_28dcecac-ab53-4ccd-a026-df5b43607b09
  6. Click on Margin

    screenshot_5c9a8ef8-06a9-42e8-a6ec-d709f57b1868
  7. Type "50"

    screenshot_416ac4a2-8e5f-4bc7-a6f1-f8eba99aabcc
  8. Click the Module

    screenshot_976295df-43a2-440d-94ac-3c8381126fc4
  9. Update any Fields

    screenshot_2e5584c9-a4af-4939-b699-9426dfdd8a61
  10. Click on Card…

    screenshot_c89ea436-e0e6-4e86-af9e-88deb3bb09ec
  11. Update Image

    screenshot_8780c527-0324-49da-8512-506cdf41956c
  12. Search "image"

    screenshot_750b86d3-3d73-4999-ae84-fc59887a2e09
  13. Type "TAG"

    screenshot_d3a4fb98-e154-4f33-83fc-0a38bf4302d1
  14. Type "Course Title"

    screenshot_cda0ffdf-e2fe-4dd0-b599-2f50b8b253da
  15. Update Progress Bar

    screenshot_379dffaa-d691-4839-93b6-9cba7d5b507a
  16. Type any number from 1-100

    Please take note that Personalize Token is also valid like for example {{ personalization_token('contact.partner_sales', '40') }}

    screenshot_f2cb5bc8-6cc4-4a88-9f8d-cad0c1ec161e
  17. Update Description

    screenshot_61ec1bf2-868e-4fd3-9771-29c25199cdc2
  18. Update Author

    screenshot_1f52c72c-60c4-4085-8531-efa6510200b8-1
  19. Update "Style" if needed

    screenshot_8a4034a1-057c-4349-b8cf-892971d704c6
  20. Click Preview

    edited_image_168f85ad-1424-4bf1-8d63-e7d9fc72def4
  21. Sample Output

    screenshot_33cb686f-c0a3-4b92-9f28-ece486b30761