Material Design Skin in Compact

Webix JS
1

Hi,
Can we get a compact material design skin? I am also struggling with getting the tree view to look like the “File Explorer” sample in the material skin. The icons don’t seem to display correctly for me. They are the basic folder/file icons without the right color. Also selection doesn’t seem to work.

2

Hi,

We don’t have a compact version of Material skin. ( Material skin requires a lot of space, it doesn’t look good with small fonts and tight blocks )

3

Full sources of admin-app demo is available on github. Check

https://github.com/webix-hub/webix-adminapp-demo/blob/material/views/webix/filetree.js

and

https://github.com/webix-hub/webix-adminapp-demo/blob/material/views/modules/edittree.js

4

Thanks for the quick response Maksim. I totally appreciate your support. I understand your point on sizing for the the material skin. However it would be nice to have the ability to scale it down for application specs that need it without having to hack the css directly :frowning: Would you consider adding the material skin to the webix skin builder atleast so we can do some customizations there?

Thanks for the pointer to the admin-app demo code.
Again, your assistance is always appreciated.
-Ben

5

@benkai123 , you can use “less” to build your compact material skins

6

We plan to add Material skin into the skin builder tools, so it will be possible to adjust base sizes and get a custom, more compact version of material skin in future.