Creating a new theme

Webix JS
1

Hi, I’m thinking about creating a new theme, because I really need something much more ‘compact’ than the current compact themes, so that my tables can display more information.

Last time I tried this (6 months ago), I ran into problems with table header and row sizes, especially with fixed columns. So, before I embark on this, I’m wondering if it’s just a bad idea to create a theme which changes layout sizes?

Alternatively: is there a theme already out there which is very ‘compact’.

Thanks

David

2

There is no “more compact” theme, but you can use skin-builder

You can adjust row height by changing value of “Sizes” - “Row height”

http://webix.com/skin-builder/3138d3aa

3

Thanks

4

Hi Maksim, indeed, skin-builder is very handy for rapid results.

Related to datatable, it would be helpful if a header height option would also be included.

Maybe I’m missing something for now, but although I provide a custom webix_ss_header class, the webix_hcell class sets a different size using a rule like:
\#datatable1423927679416 .webix_hcell

See the example at http://visva.ro/webix/sandbox/grid

This is may first message here. I just bought Webix and I am really excited about the way it looks and renders. And I have big plans with it, including creating tutorials and a book probably, something that would cover Webix and AngularJS.

Thanks!

5

I think I got it. It is the “Bar height” option that controls - at least - the height of the datatable header.

Still, is there a description of all the options exposed through Skin Builder?

Thanks.

6

There are too many different options, so part of them was combined - such as header height and bar height ( in nice looking app those sizes must be equal anyway )

Skin builder allows to define default sizing, colors and fonts for all components. If it still not enough you can assing a custom css per-component and redefine styling of each component through css.