Portlet is a pluggable JavaScript component that allows placing other widgets inside of it and creating a flexible page layout. It is possible to drag portlets around the page, which enables changing the app’s structure without writing extra code for it.

Webix Portlet
View demo

Moving modes

There are three different modes for moving portlets. The first option implies replacing the target portlet with the moved one. The second variant allows portlets to be moved only along the x-axis, thus creating only columns. With the third mode, you can place portlets just along the y-axis. In this case the row structure will be built.


You can easily drag-and-drop portlets with its handler. It can be placed either as a column or as a row. What is more, a new possible position of portlet is highlighted.

Customizable HeadersView Demo

In contrast to Webix Layout component, you can make/specify a header for each Portlet. Moreover, it is possible to use the portlet header for dragging the widget to a specific location.

Webix Portlet Header
View demo

Browser Compatibility

Webix Portlet works effectively across all major modern web browsers like Internet Explorer 8+, Firefox, Safari, Opera and Google Chrome. By determining the browser type automatically, the widget can customize its behaviour for optimal rendering.

Ready for Touch Devices

There is almost no difference between working with Portlet either on desktop or on mobile devices. All touch events are processed properly, and web apps developed with this widget look nice and natural.

Windows and Popups