Tag: #Design

4 articles found with this tag.

Work Samples / Design Templates

Email Design

The Email template allows you to design notification content for both the Subject and the Email Body. It provides a rich set of drag-and-drop elements to create professional and dynamic emails. Getting Started To begin designing an email template, navigate to the Design Template step and select the Email tab. The designer will display the Subject line and the Email Body canvas. Key Design Components The following elements are available for building your email layout:

Read Article
Work Samples / Design Templates

MS Teams Design

Designing for Microsoft Teams in the Notification Designer shifts the focus from traditional HTML emails to Adaptive Cards. MS Teams Design Components Explore the specific building blocks for Teams notifications: Card Elements: Structural components like ColumnSets and TextBlocks. Grids: Displaying data in responsive grid formats. Tables: Mapping transactional database fields. Notification Elements: Pre-defined components like contact cards and status indicators. Multi-Language Support: Maintain localized versions of your cards.

Read Article
Work Samples / Design Templates

SMS Design

The SMS designer provides a streamlined interface for creating plain-text notifications for mobile delivery. SMS Design Components Table Selection: Define the data source for your SMS message. Notification Elements: Variables and dynamic chips for SMS. Templates: Save and reuse SMS layouts. Multi-Language Support: Create translated versions of your SMS.

Read Article
Work Samples / Notification Designer

Design Templates

The Design Template phase is the heart of the Notification Designer. It provides a visual, drag-and-drop workspace where you can construct your notification layout for each selected medium. The Designer Canvas The canvas is an interactive workspace tailored to the specific display requirements of your chosen communication channels (Email, SMS, or MS Teams). Key Features Drag-and-Drop Interface: Easily place and arrange elements like text, images, and data fields. Medium-Specific Layouts: The designer adapts its toolset based on the active medium tab, ensuring your design is optimized for the intended platform. Global Elements: Common components like Grids and Action Buttons are available across different mediums where supported. Global Components These elements can be leveraged to create professional and data-rich notifications:

Read Article