WEBIX BLOG

Day by day Webix evolves and dozens of new features appear with every release. But while the framework is constantly improved, something always stays the same.

Let’s talk about the very basic and the most important Webix feature – component positioning and sizing.

Live demo

Layout. Basics.

The main Webix way of the element positioning is dividing the page into rows and columns.

The basic layout can  be created with the help of the same-name Layout widget. And you can place any of the numerous Webix widgets into any Layout cell:

Hey guys!

I’m sure that all of you already feel the smell of an upcoming spring, while we definitely feel the approach of the first major update in this year – Webix 3.2, which is scheduled for release on February 24th.

What we are going to share:

• SpreadSheet widget – a new great widget, which is similar to Excel or spreadsheet in Google docs;
• undo functionality – to revert data changes within all data components;
• export to PDF for all data components;
• and, of course, plenty of fixes and small improvements.

Hey guys!

It is the last month of the winter and only 25 days are left before Oscar, the main American awards ceremony.

We could not pass by such an event. And if you hope and believe, the same as we do, that Leonardo DiCaprio, not the bear, will get the Oscar, click “Like” and “Share”.

At the end of the month, in case this talented actor wins, all participants will get an annual access to the PRO edition of our Visual Designer, which is scheduled for release exactly at the end of February.

Hey guys, let us check today what Webix offers to make our lives easier during app navigation. I bet that there’s something worth a closer look.

Since the launch of the library its users had a standard Menu at their disposal with the possibility of  placing items horizontally or vertically (too simple). But not very long time ago the developers went further and ended up with two handsome widgets created with user-friendly navigation in mind – Sidemenu and Sidebar.

So, let’s explore the widgets’ functionality to find out the use cases that are more suitable for each of them.

Basically, Sidebar can be initialized on the page with the following code:

And you get: 

Live demo

Pre-Christmas Hi to everyone!

Many of you have already prepared a new recipe for cooking a turkey and cranberry sauce and decorated the Christmas tree. We hope that this year was as productive for you as it was for us. In the New Year we wish you to smile all the time and always stay positive. We are looking forward to further fruitful cooperation with you. And as we all know, the best is always ahead.

During the holidays, from the 24th of December till the 8th of January, we offer you 30% discount on the purchase of Webix Developer Pack. So besides buying gifts for friends and relatives, you will have a wonderful chance to treat yourself with a pleasant Christmas gift 🙂

Merry Christmas and Happy New Year!

Magic holidays to everyone.

Hooray!

Hi everybody!

While working on our main toolkit, we don’t forget about the standalone widgets.

Most recently, we have released a tool that simplifies server side integration of Webix Scheduler. It allows extracting information about normal and recurring events, providing collections of event objects for any specific period of time. It is a very useful feature, when you are working with recurring events.

You can install the tool through NPM. Just run the next command line:

Let’s say “Good bye” to the rainy weather and “Good day” to our new release of Webix 3.1! Less than 2 month passed since our last big update of Webix 3.0, and we are already ready to present the new one.

Our library is updated with new widgets – SideMenu and TreeMap. We also created a new component – Sidebar, which is not included in the package, but you can download it right now.

What we have in the programme today:

1. TreeMap;
2. Sidebar;
3. Sidemenu;
4. AutoWidth for Menus and Buttons.

JavaScript Table is the most popular widget of Webix UI framework. It is fast, flexible and can be used in many different scenarios. By default, it shows only a text content in its cells. Nevertheless, you can use cell templating to show a more complex content in the cells of DataTable. Icons, buttons, and even other widgets can be used as cell templates.

Let’s look how it can be done.

Checkbox and Radio buttons

The most common use-case is the adding of a checkbox into a cell of a DataTable. It is so common, that we have added a ready-to-use shortcut. Just write the cell template as follows:

and you will get a fully-functional checkbox input.

Hey everybody! Little by little, rainy autumn comes to its end and we want to announce our new release of Webix update 3.1, which will take place on 24th of November.

Not so long ago we were telling about our plans on new features and updates in the Path to Webix 4.0. All the features, that were missed in the Webix version 3.0, have not been discarded and will be included in our next updates.

So, what can you expect from Webix 3.1?