Questions tagged [webix]

Webix is a JavaScript UI Library with lightweight ready-made widgets and controls based on HTML5 and CSS techniques for enterprise JavaScript UI web apps development (dashboards , reports , etc.). Webix works with any server-side platforms (.NET, Java, PHP, etc.) and can be integrated with jQuery, Vue.js, AngularJS, Backbone.js. Starting from version 4.0 UI library is compatible with Angular 2.

About Webix UI Library

Webix is a cross-browser and cross-platform JavaScript UI library (created by XBSoftware) which provides 80 JavaScript UI widgets and controls, 5 complex JavaScript UI widgets and powerful JavaScript SpreadSheet.

enter image description here

Webix also provides free smart web development tools:

Learn more about Webix company: https://en.wikipedia.org/wiki/Webix


Webix Licenses

Webix supports free software and provides 2 types of licenses:

  1. GNU General Public License (GPLv3) for OPEN SOURCE projects.

Try Webix - Download

  1. Webix Developer License for BUSINESS objectives.

Try Webix - Download Trial


Standard Features

  • 9 Locales
  • 61 Widgets and Controls

*Webix includes the following Standard features (Available for all users).

Pro Features

  • 291 Extra Locales
  • +19 PRO Widgets
  • Advanced Filtering
  • Area Selection
  • Colspan and Rowspan
  • Grouped Columns
  • Header Menu
  • Subrows/Subviews
  • Vertical/Rotate Headers

*Webix includes the following Pro features (Available ONLY for users of Webix Developer license for business objectives).


Webix Versions

Webix web development framework is updated constantly!

Some functions become deprecated with newer versions of Webix. Follow the Webix releases to track all the features.

More Releases from 1.10 to 1.0.1 is here (https://docs.webix.com/desktop__whats_new.html).

The Webix provides download link for the latest stable version. You can download the latest available version by clicking on this link.

Besides you can join us in social networks:

Facebook

LinkedIn

Twitter


When Asking Webix Related Questions

  1. Read the Webix documentation carefully and search Stack Overflow for duplicates before asking. To make the usage easier we’ve divided all the documents into parts, for example:

  2. We have an idea about most frequent questions that may arise while working with UI widgets. That`s why we have created LIVE interactive demos to help you find the answers.

  3. Tag the question appropriately; always include "webix", and use the other web development tags (library, javascript, framework) as applicable.

  4. If you want to take part in public discussion sign up at Webix Forum.

  5. If you don't find an answer on your question, please use:

  6. For more news from the world of IT, Development, Frameworks, JavaScript check Webix Official Blog.


Best Practices

If you want to take a look at how Webix components work together, check the showcases:


Related Tags

webix

ui library

javascript framework


Resources

Webix quick start guide

Mastering DataTable interactive tutorial

Form Controls Interactive Guide

GitHub

312 questions
7
votes
2 answers

Form data in webix UI modal

I'm using Webix UI modal, this is how i use it: this.add = function () { scrollArea.css("overflow", "hidden"); $.ajax({ type: "GET", url: "/detail/create", success: function (form) { webix.message.keyboard = false; webix.modalbox({ …
Svitavsky
  • 291
  • 1
  • 15
7
votes
1 answer

Webix remove columns from a DataTable?

With Webix is there anyway to remove columns from a datatable? I have found the webix datatable api documentation, but I can't find anything about removing a column.
Carlos
  • 117
  • 7
6
votes
1 answer

Button inside Webix datatable cells

I need to create a column of buttons inside my Webix datatable. I can customize a simple html-button, like this: webix.ui({ view:"datatable", columns:[ . . . { id: "button1", template: "
user5528630
5
votes
2 answers

how to reload the data in data table in Webix?

Given data to the data table, saved its state as originalState. webix.storage.local.put(datatable.getState()); updated sorting to column & reverted the state to its originalState. var state = webix.storage.local.get("originalState"); if (state) { …
balusu
  • 367
  • 3
  • 10
4
votes
1 answer

Editing column raise `Cannot read property '$sum' of undefined`, Webix DataTable and Firebase

I am trying to use Webix DataTable in order to edit records on Firebase and calculate the sum of two records with Math operation. This is a part of my datatable: view:"datatable", id:"clientTable", select:true, multiselect:true, editable:true,…
Ami Hollander
  • 2,435
  • 3
  • 29
  • 47
4
votes
1 answer

Ajax is not working in Webix

I am trying my first webix programm. I follow the get start document. As per the document I place my code in HTML page and two json file. Here is my complete code.
shanky singh
  • 1,121
  • 2
  • 12
  • 24
4
votes
1 answer

Webix - hiding menu items

Is it possible to make a menu item invisible via some action using Webix? Perhaps, by clicking on a button - any ideas? For this case I made a snippet with basic implementation: http://webix.com/snippet/29018dad
Amarillo
  • 107
  • 8
4
votes
1 answer

Webix Form getValues() returns undefined

I'm using the JS libray Webix to build a front-end for an application. For login, I'm using their form. http://docs.webix.com/api__refs__ui.form.html I'm having an issue using getValues() where it returns an undefined. I'll post my exact code. Any…
ZaredH
  • 491
  • 1
  • 7
  • 23
4
votes
1 answer

Font Awesome icons for Webix tree nodes

Webix integrates with Font Awesome. But how can Font Awesome icons be used instead of the default folder/file icons in trees to style individual nodes? Here's what I've tried: http://webix.com/snippet/52251623 template only works at the tree…
Dan Dascalescu
  • 143,271
  • 52
  • 317
  • 404
3
votes
1 answer

How to configure dataFeed and server-side filtering for ui.suggest?

I'm following this sample to create a suggest control attached to text field: webix.ui({ view: "suggest", input: $$("testText"), body:{ dataFeed:"/data.php" } }); The datafeed property sends the request to the server and returns the…
3
votes
0 answers
3
votes
0 answers

Create function (JS) to save string in the file and call this function

I was playing few days with Webix, but I don't have enough experience with it, so need sme help. What I need: Create simple page with textarea and button. When I press button, it takes data entered in textarea and saves it in N's string in the…
Roman
  • 107
  • 6
3
votes
0 answers

How to build simple page with data from MySQL table?

I spent few days, but since I am completely new in JSON or PHP programming, can't solve my problem without your help. Here is my problem - I have MySQL DB, I need to extract data from the table and build simple (for e.g. 2 columns) page (html or…
Roman
  • 107
  • 6
3
votes
1 answer

A form in the suggest list in Webix (protoUI)

I'm using Webix and trying to create my own suggest list via protoUI Is it possible to attach the full-featured form (with the text field and the buttons) as a suggest list in Webix? I've already create the UI-part, but I now can't add selected…
Loj
  • 437
  • 2
  • 11
3
votes
1 answer

Webix: total accordion collapse via one button

First of all, I'm a newbie to Webix and javascript. Using Webix, can I collapse all accordion items by clicking the button? ID's of items are defined as string values. Sure i can write something like…
1
2 3
20 21