Working with Containers

When designing an agent desktop, you can display the elements on the page in a specific layout using the Containers section on the  Design  subtab. The Containers section provides a structured view of the agent desktop.

To display the elements in a specific layout on the page:

1. On the toolbar, expand the Containers section, and then drag and drop any of the following buttons to the initial or default page:  Tabs,  Rows,  Columns,  Accordion.
   
   The selected container appears on the canvas. Expand the sections to see how the containers appear on the page when you drag and drop the container icon onto the initial or default page:
   

   Tabs

   The elements appear in a tabular form.

   

   Rows

   The elements appear horizontally.

   

   Columns

   The elements appear vertically.

   

   Accordion

   The elements appear in a vertically stacked list, enabling an agent to expand and collapse the elements.

   

2. Drag and drop the Tabs icon to the page.
   The Tab container appears on the page.
   
3. Click Save.

Show Me How

This video provides an overview of how to use the Containers section and then add elements to the containers.

Managing the Properties for Containers

If you want to change the container properties, use the  Properties  tab. For example, if you want to change the Tab title from  Tab  to  Details.

1. On the page, select the Tab container.
   
2. Click the Properties tab.
   
   
3. Click the Title field and change the title from Tab to Details.
4. To change the position for the title to appear and the color of the title bar, use the Header Position and Theme accordingly from the list.

Next Step

Elements Overview - Show Me How