{"id":2986,"date":"2015-10-06T12:51:58","date_gmt":"2015-10-06T08:51:58","guid":{"rendered":"http:\/\/www.dhtmlx.com\/blog\/?p=2986"},"modified":"2025-05-19T14:58:51","modified_gmt":"2025-05-19T11:58:51","slug":"dhtmlxsuite-4-5-list-sidebar-drawer-and-responsive-web-app","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/dhtmlxsuite-4-5-list-sidebar-drawer-and-responsive-web-app\/","title":{"rendered":"dhtmlxSuite 4.5: List Control, Sidebar Drawer and Responsive Web App"},"content":{"rendered":"

In case you’re looking for a JavaScript UI library for creating responsive web applications with less efforts, we have great news for you! The update of DHTMLX Suite 4.5 – UI widget library<\/a> – brings you a sidebar navigation drawer – a very convenient three-line menu feature that is widely used in the majority of mobile\/tablet apps. Moreover, you now have the opportunity to learn and test our new demo application, that will serve you as a good example for getting know how to develop responsive web applications with DHTMLX.<\/p>\n

\"DHTMLX<\/p>\n

Apart from it, we have a new component, several new features and many bug fixes and small improvements. So, here is a summary for you.
\n<\/p>\n

New responsive demo – apps for desktop, tablet and mobile<\/h3>\n

<\/p>\n

\"dhtmlx-responsive\"<\/p>\n

We invite you to check DHTMLX CRM demo application<\/a>. You may open it on different devices and see how it works (use QR code below for mobiles and tablets). This example shows that by using the basic functionality of dhtmlx components, you can create fully responsive web applications.<\/p>\n

\"qrcode-resp-demo\"<\/p>\n

Open the demo on tablet and mobile<\/em><\/p>\n

dhtmlxList control<\/h3>\n

\nNew component is here! Meet dhtmlxList<\/a>, a JavaScript UI control for displaying items in a list view. List comes with a range of the most useful features – filtering, sorting, drag-and-drop, paging, and more.<\/p>\n

\"List-img\"<\/p>\n

Check the live demo<\/a> on its page and other samples<\/a>.<\/p>\n

Sidebar Drawer<\/h3>\n

\ndhtmlxSidebar<\/a> got a new feature: it can hide and expand by clicking on a three-line menu button. Sidebar Drawer can save the space on your mobile\/tablet app, you can add animation to it to customize the way of sliding and appearing of the menu items in the Sidebar. Check demo<\/a><\/p>\n

\"Sidebar-drawer\"<\/p>\n

Images in dhtmlxForm<\/h3>\n

\nSince 4.5, you may insert images in the form – a new item type is added for this purpose. Check demo<\/a><\/p>\n

\"form-with-photo\"<\/p>\n

Find the full what’s new list<\/a>. You’re welcome to download the Standard Edition<\/a> of the library.<\/p>\n

PRO users will receive the link via email.<\/p>\n

Feel free to leave your comments below! You may ask us \u201cWhere is dhtmlxPortal?\u201d Well, sorry for this delay. It’s on its way<\/a>, and will be released asap.<\/p>\n

Stay tuned!<\/p>\n","protected":false},"excerpt":{"rendered":"

In case you’re looking for a JavaScript UI library for creating responsive web applications with less efforts, we have great news for you! The update of DHTMLX Suite 4.5 …<\/p>\n","protected":false},"author":2,"featured_media":3467,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,70,1,38],"tags":[33,10,4],"class_list":["post-2986","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"],"_links":{"self":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/2986","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=2986"}],"version-history":[{"count":6,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/2986\/revisions"}],"predecessor-version":[{"id":13934,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/2986\/revisions\/13934"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media\/3467"}],"wp:attachment":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media?parent=2986"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/categories?post=2986"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/tags?post=2986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}