{"id":1000,"date":"2011-03-04T17:33:03","date_gmt":"2011-03-04T14:33:03","guid":{"rendered":"http:\/\/www.dhtmlx.com\/blog\/?p=1000"},"modified":"2023-05-05T14:17:58","modified_gmt":"2023-05-05T11:17:58","slug":"touch-designer-beta","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/touch-designer-beta\/","title":{"rendered":"DHTMLX Touch Designer Updated to Beta"},"content":{"rendered":"<p><strong>DHTMLX Touch support and development was discontinued when all DHTMLX components became adaptive.<br \/>\n<\/strong><br \/>\nWe&#8217;re pleased to announce that we have updated the Visual Designer tool for our DHTMLX Touch mobile framework. Simple and intuitive drag-and-drop interface of the Visual Designer allows you to build amazing mobile web apps without having to write the code. <\/p>\n<p><strong>New Components Added<\/strong><br \/>\nThe updated version of the Designer includes all the latest UI components introduced in DHTMLX Touch beta. Charts, dataview, calendar, carousel, and other components have been added to provide you with a great choice of construction blocks for your web apps.  <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/03\/designer_dhtmlx.png\" alt=\"DHTMLX Touch - Visual Designer\" title=\"DHTMLX Touch - Visual Designer\" width=\"500\" height=\"488\" class=\"aligncenter size-full wp-image-1001\" \/><\/p>\n<p>&nbsp;<br \/>\n<strong>Manage Datasources in Designer<\/strong><br \/>\nWith the Designer tool, you can easily add UI components on a web page, arrange them into the desired layout, and even set up datasources of various formats (JSON, XML, CSV, etc.). With this update, we&#8217;ve added the ability to manage datasources to fill components with required data. Thus, it became very easy to add your own datasources right in the Designer and manage the content of your web application.<\/p>\n<p><!--more--><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/03\/new_source.gif\" alt=\"DHTMLX Touch Designer - Manage Datasources\" title=\"DHTMLX Touch Designer - Manage Datasources\" width=\"299\" height=\"349\" class=\"aligncenter size-full wp-image-1002\" \/><\/p>\n<p>&nbsp;<br \/>\n<strong>Hierarchical List of Components<\/strong><br \/>\nThere is another great feature that comes with the beta of the Visual Designer tool. You can now see the hierarchy of included components and easily configure parameters of the selected component. This is very convenient if your application has a complex layout and includes a lot of nested components. This new option allows you to quickly navigate to the needed component and make the necessary changes.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/03\/designer_sheme.gif\" alt=\"DHTMLX Touch Designer - Component Hierarchy\" title=\"DHTMLX Touch Designer - Component Hierarchy\" width=\"500\" height=\"308\" class=\"aligncenter size-full wp-image-1012\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/03\/designer_sheme.gif 500w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/03\/designer_sheme-300x184.gif 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>&nbsp;<br \/>\n<strong>Custom Screen Size<\/strong><br \/>\nBy default, preview mode, which shows how your application will look on a real device, is available for iPhone and iPad screen sizes. Now you can also define a custom screen size to check how the interface you&#8217;re building will look on other devices.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/03\/designer_custom_size.png\" alt=\"DHTMLX Touch Designer - Custom Screen Size\" title=\"DHTMLX Touch Designer - Custom Screen Size\" width=\"500\" height=\"301\" class=\"aligncenter size-full wp-image-1015\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/03\/designer_custom_size.png 500w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/03\/designer_custom_size-300x180.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>&nbsp;<br \/>\nIn general, this version of the Designer is fully compatible with the latest DHTMLX Touch beta. It offers a wider range of settings to configure, improved tool to select coloring scheme, and gives you more freedom to build incredible HTML5-based mobile apps.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>DHTMLX Touch support and development was discontinued when all DHTMLX components became adaptive. We&#8217;re pleased to announce that we have updated the Visual Designer tool for our DHTMLX Touch &#8230;<\/p>\n","protected":false},"author":2,"featured_media":3433,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[70,1],"tags":[33,23,22,32],"class_list":["post-1000","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-releases","category-uncategorized","tag-all-posts","tag-mobile","tag-touch","tag-ui-designer"],"_links":{"self":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/1000","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=1000"}],"version-history":[{"count":1,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/1000\/revisions"}],"predecessor-version":[{"id":10868,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/1000\/revisions\/10868"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media\/3433"}],"wp:attachment":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media?parent=1000"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/categories?post=1000"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/tags?post=1000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}