App UI: Todo Lists

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

Todo {{ personalization_token('contact.to_do', '') }}

Hubspot

2 Steps

Go to Edit Page

Paste "App UI: Todo Lists" into input

Hubspotpreview-na1

6 Steps

Drag highlighted option

You can drop it anywhere in Drag and Drop Section

Click the module

Paste selected text into text area

 {% set todos = contact.to_do %}
      <ul>
        {% for todo in todos|split(',') %}
        <li>
          <span>
            {{ todo }}
          </span>
        </li>
        {% endfor %}
      </ul>

Click on Preview

Type Contact Lists

The screenshot below is just a sample.

Final Output

Well done!

Create how-to guides like this in a snap. Get Tango now.