App UI: Todo Lists

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

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

Instructions:

1. Go to Edit Page 
2. Paste "App UI: Todo Lists" into input
   
   
3. Drag highlighted option
   You can drop it anywhere in Drag and Drop Section
   
   
4. Click the module
   
   
5. Paste selected text into text area
        
        {% set todos = contact.to_do %}
         <ul>
           {% for todo in todos|split(',') %}
           <li>
             <span>
               {{ todo }}
             </span>
           </li>
           {% endfor %}
         </ul>
        
   
6. Click on Preview
   
   
7. Type Contact Lists
   The screenshot below is just a sample.
   
   
8. Final Output