Themes

Layout

YUI Templates

Columns and grids are created using YUI 2 CSS Grids

[Wrapper]

YUI Grids CSS declares #doc3 as a full width layout, while .yui-t2 sets up a left column of 180px.

Wrapper

The #wrapper holds the contents of the selected layout.

[Header, Body and Footer]

Header

This section contains the OpenVBX logo

[OpenVBX Logo]

You may override this image with your own

Utility Menu

The utility menu holds common application links and the user indicator.

[Username, My Account and Log Out]

Context Menu

Call and SMS buttons are present throughout the application.

[Call and SMS Buttons]

Notifications also appear in the Context Menu

Body

The #bd holds two blocks, VBX Main and VBX Sidebar. YUI Grids CSS assigns these two blocks (.yui-b) specific rules based on the template used for the layout. In most cases, the .yui-t2 template is used, declaring VBX Sidebar as a 180px wide block on the left. See YUI Grids CSS: Preset Template 2

[VBX Main]
[VBX Sidebar]

Most of your view is contained within the VBX Main section. Content Menus are also located inside this section to provide action buttons, depending on the view presented. The main navigation is located inside of the VBX Sidebar. Main Navigation contains section headings and unordered lists for navigation items.

Footer

The Footer contains version, copyright and links to Terms and Privacy for Twilio Inc.

[Version, Copyright and Links]