[Webix]Skinを使ってコンポーネントのデザインを変更・カスタマイズする

最終更新日

Webix Advent Calendar 2014 11日目の記事です。

今日は軽めのネタです。

Webixはデフォルトでフラットデザインが採用されていますが、Skinを入れ替えることでコンポーネントのルックアンドフィール(見た目)を自在に変更することができます。初めから、いくつかのSkinが用意されているので読み込むcssファイルを変えるだけでまったく違った印象のデザインに変更できます。

webix141211

公式サイトにSkinを使ったサンプルが公開されていますのでそちらをご覧ください。

Webix : Samples

また、各Skinをカスタマイズするためのサービス「Webix Skin Builder」が提供されています。
各Skinのカラーなどを簡単にカスタマイズすることができます。

Webix Skin Builder