WEBIX JAVASCRIPT LIBRARY BLOG

UI development best practices, front-end programming tips and news to speed up your Web development.

Follow us:

Write for us: learn about our guest posts guidelines.

Web Desktop with Webix UI

A picture is worth a hundred words, and a nice live demo – even thousands. So don’t think – click on the image below and keep reading this article after watching the demo.

webix_new_demo

What is it

The demo above shows how the Web Desktop can be created on the base of Webix ui components. Such kind of shell can be used by remote user, providing them the desktop-like environment, where users can access the remote data and work with it. Users can launch inner apps, organize them on the screen, switch between them. All the same can be done with common desktop web apps. And it works in any browser ( even in IE8! )

Import / Export in Webix 3.0

Web apps are dominating in the modern software development. Born as stateless pieces of HTML, they have evolved to dynamic and smart applications, still bound to the browser and the HTML markup. The next step of evolution is happening just now. A web app is moving beyond the boundaries of the browser. On the one hand, we already have desktop and mobile apps which, in fact, are wrapped web apps, on the other hand, web apps learn how to interact with desktop apps. In Webix 3.0 we have added a few new API to simplify such a client <-> desktop data interchange.

Data Export from a web app

With Webix 3.0, you have two very powerful data export commands. They are:
webix.toPNG($$("chart"))
webix.toExcel($$("datatable"));
export to png
Those commands allow exporting any Webix component to PNG or Excel. In the case of export to PNG, you can use API with any HTML content. Yes, you can export any HTML content on the page to a PNG image.
// export the whole page to an image
webix.toPNG(document.body);

Path to Webix 4.0

You may already be aware of the release of Webix 3.0 only one week ago with more new cool features. That doesn’t mean that we are going to rest on our laurels. What it means is that we have already started working on the next Webix update.

Webix roadmap

 

To tell the truth, not all features that were planned for version 3.0 were included in the final release. We were a bit over-optimistic with our previous estimates. Nevertheless, features missing in version 3.0 have not been discarded and will be included in our next updates.

Webix UI

Version 3.1 (the date of release is the end of November) will contain the long-expected side-menu component and auto-sizing functionality for menu and buttons (that is mandatory for any multilingual app).

What is more, the next version will have layouts with absolute float positioning and data-map component that will allow you to visualize complex data similar to the next:

Webix 3.0: Webix Jet, Visual Designer, New functionality

Now September is in its most colourful phase and we are happy to present our powerful updates. Today we want to highlight a release of Webix 3.0 that adds two absolutely new ways to build a Webix based app and new features, which are unique, and can’t be found in any other HTML frameworks.

Webix 3.0

 

Let’s start with 2 major updates.

Webix Jet – framework that works

Webix UI helps you to create apps faster by providing rich widgets. Still the whole app is more complex than just a set of widgets. Developers also need to arrange their code nicely as well as solve such tasks as app routing, state saving, code re-usage and etc. To cover all above concerns, we are introducing micro framework Webix Jet as part of the release. It will definitely save your time and efforts.

Coming Out: Webix Update 3.0

Hey everyone!

September 22 – mark the date in your calendar, because exactly on this day we will be glad to present our new major update – Webix 3.0. As autumn is a start of a working year, we decided to start it with a big upgrade.

Webix 3.0

 

What September 22 will bring:

  1. Webix Jet – a micro framework on top of Webix UI, which will allow you to combine and reuse all of diverse and separate UI components, and to create and develop your perfect app with minimal code footprint and without any stress.
  2. Visual designer – a tool for creating UI by drag and drop.
  3. New, even more powerful functionality for grids: Sub-rows, Sub-grid, Sub-form.
    a) ability to show really complex data in the datatables
    b) nested tables
    c) master and slave data in the same table
  4. Import/Export to PNG and Excel – no longer need to take screenshots or start separate tables. It definitely simplifies tasks’ solving and saves your time.

As usual, we have something to share.

Stay tuned and see you next week!

Share it with your friends and get +3.0 to your karma!

1 10 11 12 13 14 18