App UI: Cards 2 Column V1

Melvin Cruz

Created Oct 13, 2022

App UI: Cards 2 Column V1

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

9
    h

Hubspot

2 Steps
1

Go to Edit Page

2

Paste "App UI: Cards 2 Column v1" into input

Paste "App UI: Cards 2 Column v1" into input
    4

Hubspotpreview-na1

2 Steps
3

Drag highlighted option

You can drop it anywhere in Drag and Drop Section

Drag highlighted option
4

Adjust Spacing

Adjust Spacing
    4

Hubspotpreview-na1

6 Steps
5

Click on Alignment and spacing

Click on Alignment and spacing
6

Click on Margin

Click on Margin
7

Type "50"

Type "50"
8

Click the Module

Click the Module
9

Update any Fields

Update any Fields
10

Click on Card…

Click on Card…
    4

Hubspotpreview-na1

1 Step
11

Update Image

Update Image
    a

Hubspot

10 Steps
12

Search "image"

Search "image"
13

Type "TAG"

Type "TAG"
14

Type "Course Title"

Type "Course Title"
15

Update Progress Bar

Update Progress Bar
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') }}

Type any number from 1-100
17

Update Description

Update Description
18

Update Author

Update Author
19

Update "Style" if needed

Update "Style" if needed
20

Click Preview

Click Preview
21

Sample Output

Sample Output
Well done!
Create how-to guides like this in a snap. Get Tango now.