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
2
votes
4 answers

Set value to a datepicker without clicking 'Done' button

I'm using the Webix time picker and have no idea how to force it to set the value without clicking the "Done" button (I don't want to display it at all). Is there a way to do this through the DOM or through the plain JS? For example, a time picker…
Shere
  • 143
  • 13
2
votes
1 answer

Hierarchical datasets in Webix datalayout

I'm evaluating the Webix datalayout's structure and struggling to load data with the deep hierarchy. If I use a grouplist within the datalayout, all works smoothly, webix.ui({ view:"datalayout", rows:[ { name:"$value", type:"header",…
Loj
  • 437
  • 2
  • 11
2
votes
1 answer

Laravel Integration with Webix Datatable Editing

I have a site that's running Laravel 5 and I'd like to create a Webix datatable within it. My understanding of Webix datatables is that these tables can be set to load data from Laravel database by using a controller, but I do not see any…
Sakamoto Kazuma
  • 2,573
  • 7
  • 34
  • 75
2
votes
1 answer

Webix. How to get attr value defined in template?

I did defined button template in Webix Datatable as following: grid = new webix.ui({ container: "permissions", view: "datatable", columns: [ { id: "Id", adjust: "data", header:…
andrey.shedko
  • 3,128
  • 10
  • 61
  • 121
2
votes
1 answer

Inherit CSS from the view in Webix

I'm completely stuck with this. Trying to create a custom view that inherits from the search field: webix.protoUI({ name:"ctext", defaults:{ maxWidth:190 }, ... },webix.ui.search) Here, take a look: http://webix.com/snippet/89ca3d39 As…
Loj
  • 437
  • 2
  • 11
2
votes
2 answers

How to select an element in Webix richselect area?

I use Webix 2.5.14. There was a problem with a component Richselect. In this form there is a richselect with options. webix.ui({ view: "form", id:"addAccessForm", borderless: true, elements: [ { view: "richselect", id:"rule", …
V.Ol
  • 283
  • 1
  • 7
2
votes
0 answers

How to add a bootstrap dropdown in a webix scheduler

I am trying to add a dropdown in the week toolbar of webix's scheduler. Looking over theyr documentation, I managed to add the Dropdown div in the toolbar, when I run the webpage the element that should show the dropdown appears, but when I click on…
next_user
  • 293
  • 3
  • 11
2
votes
1 answer

displaying an individual integer in webix

I want to display a single number (that would change, that's why I'm not hard coding it) from am object. This, however, doesn't display anything. var game_data = { amount: 1, yes_left: 3, nos_left: 1 }; var game_panel = { …
galois
  • 825
  • 2
  • 11
  • 31
2
votes
2 answers

Displaying the number of rows in footer of webix grid

Is there an easy way to display the number of DataTable rows in its footer? I've found the demo with the counter in the footer with a summColumn function, but I can't find the function for counting rows.
dellink
  • 544
  • 3
  • 16
2
votes
1 answer

Webix Calendar plugin disables scroll and swipe on android

I am developing a mobile app using phonegap and i need to use a calendar plugin. I found out this awesome one but it disables my scroll and swipe events. I though it was a problem in the order i was calling the javascript files but I tried to move…
Ivan Freire
  • 131
  • 1
  • 10
1
vote
1 answer

Ajax is not working when using getContext on datatable in Webix

I'm setting up a file manager, when right clicking on folder it will popup context menu, before popup am disabling some menu item using ajax. But ajax call is not working when I right clicked on folder which arranged in datatable. This is my code…
stevin
  • 53
  • 7
1
vote
1 answer

Webix UI - How to clear/reset/unset ui widget (input, select, date picker) value to empty?

In Webix UI I have found a way to clear widget values based on form id collectively, how do I clear widget values individually using some sort of mixin like $$().clear();. Is there a proper way to reset values to default individually…
Vahe
  • 1,699
  • 3
  • 25
  • 76
1
vote
1 answer

Javascript / Webix referencing objects as arrays

This is primarily a Javascript / JSON question, however if anyone knows of a Webix solution, I'm open to that as well. Background I'm using Webix as a Javascript UI framework. Currently I'm populating a Webix Datatable with JSON data that looks…
mcmurphy
  • 781
  • 16
  • 30
1
vote
1 answer

How to select (focus) row/cell of the webix datatable, so you can move the arrows on the rows/cells?

There is such here a code - webix datatable and button https://snippet.webix.com/bnxnf7x4 When you click on the button, we select the first cell or row (the essence is not important, the cell is set to select: "cell" for the row - select: "row") in…
TheAthlete
  • 143
  • 1
  • 4
1
vote
1 answer

How to download multiple files into a folder in webix?

I am trying to download two text files by the 'Download_Files' button. I am facing below problems : In the getFiles() function, if I comment out the webix.message, only the second file is getting saved. How can I save both the files into that…
1 2
3
20 21