Designer projects

Creator prototype

Design a console page layout

Creator prototype

Copy the whole content from one page to another

Copy / Paste elements

Design a console page layout

Design a search bar

Design a calendar

Add a background color to a page

Design a custom list-view page

Design a multi-step wizard

Starting with the right design

Why prototyping?

Copy the whole content from one page to another

Copy / Paste elements

Add a background color to a page

Community Design

Export to Aura or LWC

Creator User Interface

Sharing a folder

Lightning Component Design

Suggesting mode

Center block elements inside a page

Adding comments

Data and Data table

Organizing designs into folders

Overview actions

Design a calendar

Design a console page layout

Lightning Flow Design

Center an element

Design a search bar

Design a multi-step wizard

Lightning Application design

Use Grid Alignment Settings

Set an active value on the Path

Add text next to another element

Standalone App Design

Copy / Paste from / to Modals

Create blank space between fields

Use the navigator

Copy the whole content of a page

Configure Path Sales Coaching

Sharing a Creator project

Share with a public link

Design a custom list-view page

This article ONLY works when using Avonni Creator. Only customers with an active subscription that was activated on or before December 31, 2021 have access to Avonni Creator.

This article is only valid when working on a Creator project.

Design a console page layout

Final result

Public URL link

How do I design a Service Console layout?

1: Select the 3 columns 1:1:1 ratio layout component.

2: add any elements or templates inside your console layout.

For example, use the console page headers template.

‍

Avonni Designer vs Avonni Builder comparison table

View all the differences between Avonni Designer and Avonni Builder.

COMPARISON TABLE

TABLE OF CONTENTS

Contact us about anything you couldn’t find here.

Suggest an article

Article feedback