WEBIX GRID IS HERE! LAUNCH OFFER: Read More 20% Off all Webix Grid licenses. Valid August 4 – September 3.

WEBIX BLOG

Recurring Events Helper for Webix Sсheduler

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.

Scheduler

 

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

npm install scheduler-helper

Release Webix 3.1

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.

Webix-release-3-1

 

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.

Complex Content in DataTable

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:

template:"{common.checkbox()}"

and you will get a fully-functional checkbox input.

DataTable

Coming soon: Webix update 3.1

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.

Coming-Soon-Webix-3.1

 

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?

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! )

Grow with Webix: Real Showcase from Rael Bauer

Hey everyone!

We continue publishing real showcases from our customers, which were made on Webix. Today we’d like to share an article about the RightNote, personal information manager program for Windows, provided by Rael Bauer.

“RightNote is an advanced personal information manager program for Windows. It allows you to store all bits and pieces of information in a single place and then you can access that information later. For example you can capture webpages, store source code snippets, JavaScript Spreadsheet, project notes etc.. all in a single place. More information can be found here: //www.bauerapps.com/rightnote/

Webix Showcase

 

We wanted to provide our users with a way to publish their knowledge bases to the web or to mobile devices, so that they could then access or present their information on these platforms.

This meant exporting the RightNote databases to a html/javascript format. We wanted to make sure that the output looked good and was also easy to use and navigate, hopefully providing some functionality similar to the desktop app. We also wanted the javascript to work straight from the file system, i.e. without requiring a server. (Many javascript libraries work fine on a server, but come to halt on filesystems).

Grow with Webix: Real Showcase from Michael Basin

Hey guys!

New week, new showcase from our customers. Today we are presenting a short, but colourful article from Michael Basin. The project, which was made on Webix, is called Blitz-Budget. So let’s start.

“I use JavaScript Pivot for mobile applications for financial accounting as a tool for generating reports. And I do it in an unusual way.

A smartphone is used as a web-server and Pivot is run on a PC as a client. Thus, users get a possibility to make reports on a desktop directly using data from the smartphone.

Blitz-Budget App made on Webix

 

Blitz-Budget for Android – is the program for accounting and control of personal finance.

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);

Grow with Webix: Real Showcase from BNDC company

Bonjour everyone!

Another week, another cool showcase from our customers. Today we are glad to present an article from Bruno Denis from french company BNDC. The project, which was made on Webix, is called MyMetriks. So here you go.

MyMetriks is a simple and intuitive dashboarding platform. Build 100% HTML5 and nodejs, it gives to all users possibilities to create/customise the dashboards they really need. It is cheap, based on all latest technologies and really fast thanks to in-memory data cube management.

Dashboard Design

MyMetriks made on Webix

 

All operations are done via simple click or drag and drop, even dashboards creation. All the solutions are based on Webix framework. We have developped our own Nodejs ajax JSON adapter based on Webix proxy. The platform is fairly simple: nodejs, mysql, Webix and a specific columnar database for Business Intelligence performances.

Grow with Webix: Real Showcase from Glasslink Company

Good day everybody!

Today we begin to publish new articles that describe the real use cases which were made with Webix by our customers. And the first article was presented by our customers Lars Kjebekk and Yuriy Klyuch from the Glasslink company.

“My name is Lars Kjebekk and I run the company called Glasslink. We specialize in glass and facade consultancy and also do some custom IT solutions. I have worked a lot with automating processes to improve efficiency and also provide the end users with better service.

Glasslink was contacted by Polyteknikk as they wanted to bring their service to the web. Polyteknikk is a manufacturer of professional tag signs for offshore, building and other fields that require technical marking.

The final result is //myglasslink.no/webix25/polyteknikk2/index.html

The idea was to create a web portal where customers could login and design their signs online.

After a lot of sketching and brainstorming, we ended up with a 4 step wizard to design the signs. We have also implemented dynamic image view that shows the changes in colors, fonts, shapes, etc. in real time.

Design Wizard View

WebixShowcase

1 23 24 25 26 27 33