Layout & Accordion

Layout & Accordion


Webix Layout is a JavaScript widget that allows you to design web interfaces. By using Layout, you can organize Webix widgets on the web page any way you like. The Layout panels are automatically adjusted to the sizes of the widgets inserted into them.
DataTable, Tree, Menu, Windows and other UI widgets can be easily integrated into the Layout.
Webix Layout widget

In-browser Resizing

You can effortlessly change the size of Layout sections by moving resizing lines in different directions.

Setting Borders

You can set borders, margins and padding to the columns, rows and blocks of this JavaScript layout.


Webix Accordion is a Javascript widget that allows you to place multiple panels of content in a space-saving manner. With this widget, you can hide areas of information and activate them with one simple click. As a result, users will see only the panels they need.

Expandable/Collapsible panels

The panels of this JaavScript Accordion widget can be easily expanded and collapsed thereby only leaving the info that you need on the webpage at the moment.

Multiple Open Panels

You can expand all the panels of Accordion at the same time, but you can’t close them all at once. One panel always remains visible.

Houses Other Widgets

You can put various Webix widgets into Accordion panels, helping you save a significant amount of space on your web-page.

Vertical/Horizontal Arrangement

Accordion columns and rows can be easily organized vertically or horizontally, allowing you to adjust the widget to the existing web-site design.

Common Features

Browsers Compatibility

Browsers Compatibility

JavaScript Layout and Accordion widgets run smoothly in popular modern browsers such as IE, Mozilla Firefox, Opera, Chrome and Apple Safari.

Ready for Touch Devices

These widgets also have a native look and feel on modern touch devices such as iPad, iPhone, Android devices.

Easy Styling with CSS

You can fully view your widgets with CSS, making it easy to control and customize their appearance.

Written by
The following two tabs change content below.
Veronika Lindorenko

Veronika Lindorenko

Webix product manager since 2012, interested in SMM and usability. She strives to make the online world better by creating qualitative and catching content.
Share on Google Plus Share on Twitter Share on Facebook Share on Stumbleupon Share on LinkedIn Bookmark on Vote on Reddit