{"id":3488,"date":"2016-05-17T14:00:22","date_gmt":"2016-05-17T10:00:22","guid":{"rendered":"http:\/\/dhtmlx.com\/blog\/?p=3488"},"modified":"2025-09-02T15:08:11","modified_gmt":"2025-09-02T12:08:11","slug":"suite-5-0-material-design-new-treeview-control","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/suite-5-0-material-design-new-treeview-control\/","title":{"rendered":"Suite 5.0 is Out! Material Design, New TreeView Control and More"},"content":{"rendered":"

Major update of the DHTMLX JavaScript widget library<\/a> is finally rolling out, and we are happy to present a new version with lots of awesome updates! Starting from 5.0, DHTMLX Suite is available in new Google’s Material skin<\/a>, supports Font Awesome icon fonts, has a new Tree component and many other updates that we’ll describe further.
\n<\/p>\n

\ndhtmlxSuite is a JavaScript UI widget library for creating web and mobile applications. It includes all necessary controls: grid, tree, form, combo, calendar and so on. Download the library and start testing it right now.<\/strong><\/a><\/p><\/blockquote>\n

\"download-suite\"<\/a><\/p>\n

Material Skin is added and became a default one<\/h4>\n

We caught up with the modern trends in order your outstanding applications made with DHTMLX could look fresh and up to date! Meet our components in new Material Design and apply to your apps right now.<\/p>\n

\"dhx-ms-suite\"<\/p>\n

Browse our samples and check Suite components in new skin<\/a><\/em> <\/p>\n

What is more, starting from Suite 5.0, new skin became default so in order to continue using SkyBlue, Web or Terrace, you’ll need to copy the needed skin file from skins\/skin_name\/* to codebase\/.<\/p>\n

TreeView component is added<\/h4>\n

New Tree control joined the library! It won’t replace dhtmlxTree component that we have now, but could become a good alternative for many cases. It’s more lightweight and faster with big datasets, so if you need fast javascript tree control<\/a> without some complex features for now – dhtmlxTreeView<\/a> is for you.<\/p>\n

\"treeview\"<\/p>\n

Visit TreeView page<\/a><\/em> <\/p>\n

Nevertheless, TreeView already contains useful functionality as drag-n-drop, checkboxes, multi-selection and more. We are going to enhance our new component and your feature requests are definitely needed.<\/p>\n

Updated:<\/strong> Read about the difference between dhtmlxTree and dhtmlxTreeView<\/a>.<\/p>\n

Font Awesome support<\/h4>\n

With dhtmlxSuite 5.0, our controls support Font Awesome<\/a>, popular icon fonts.<\/p>\n

\"fa_icons\"<\/p>\n

Form Builder Tool<\/h4>\n

Forms creation becomes much simpler with a new developer tool – Form Builder<\/a>. It allows you to build forms of any complexity within minutes. It’s not a part of Visual Designer but a standalone program. In a couple of weeks we’ll provide a video tutorial that will describe the whole process of working with this tool. For now you may check the documentation<\/a>.<\/p>\n

\"form<\/p>\n

Try Form Builder right now<\/a><\/em> <\/p>\n

Note: We are still working on Form Builder to make it more convenient and user-friendly, so don’t hesitate to leave us your feedbacks and suggestions (drop us an email to support@dhtmlx.com).<\/p><\/blockquote>\n

Updated Look of Visual Designer<\/h4>\n

Though we haven’t updated Visual Designer<\/a> functionality yet, you may check a new design of it. It’s a small step to further updates of this tool.<\/p>\n

\"Visual<\/p>\n

Fixes and improvements<\/h4>\n

You may find a full what’s new list<\/a>.<\/p>\n

There is no complex migration<\/a>, upgrade your library right now! <\/p>\n

New website design as a part of major 5.0 version release<\/h4>\n

If you visit our website often, you’ve probably noticed that it got completely new mobile-friendly design, improved navigation and modern look. We hope that you like our solution and will visit us even more often :) And sure, feel free to leave your thoughts and comments regarding new https:\/\/dhtmlx.com\/<\/a>, we are always happy to get feedback from you! <\/p>\n

\"new<\/p>\n

The customers with active support subscription will receive a link to the updated version via email (within 24h). You can also find the standard edition<\/a> under GNU GPL v2 license.<\/p>\n

Have a nice day everyone!<\/p>\n","protected":false},"excerpt":{"rendered":"

Major update of the DHTMLX JavaScript widget library is finally rolling out, and we are happy to present a new version with lots of awesome updates! Starting from 5.0, …<\/p>\n","protected":false},"author":2,"featured_media":3498,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,70,1,38],"tags":[33,10,4,12],"class_list":["post-3488","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-posts-for-codeproject-com","category-releases","category-uncategorized","category-visible","tag-all-posts","tag-dhtmlxsuite","tag-dhtmlx-updates","tag-website-news"],"_links":{"self":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/3488","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/comments?post=3488"}],"version-history":[{"count":9,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/3488\/revisions"}],"predecessor-version":[{"id":14386,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/3488\/revisions\/14386"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media\/3498"}],"wp:attachment":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media?parent=3488"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/categories?post=3488"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/tags?post=3488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}