{"id":499,"date":"2018-04-22T10:23:51","date_gmt":"2018-04-22T14:23:51","guid":{"rendered":"http:\/\/salzlechner.com\/dev\/?p=499"},"modified":"2018-04-22T10:23:51","modified_gmt":"2018-04-22T14:23:51","slug":"webapp-custom-controls-template-list","status":"publish","type":"post","link":"http:\/\/salzlechner.com\/dev\/2018\/04\/22\/webapp-custom-controls-template-list\/","title":{"rendered":"WebApp Custom Controls &#8211; Template List"},"content":{"rendered":"<p>The template list class is also a class we created for Visual DataFlex a long time ago. Essentially it is a list class that allows us to define templates for the rows that can be changed dynamically without the need to recompile.<\/p>\n<p>Also the class supports multiple different templates at the same time allowing the list to show different type of rows<\/p>\n<p>We wanted the same control in our WebApp development so we decided to create a custom control with the same features as our Desktop control<\/p>\n<p>here is a screenshot of the control in use<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-500\" src=\"http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2018\/04\/templatelist.png\" alt=\"templatelist\" width=\"1053\" height=\"918\" srcset=\"http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2018\/04\/templatelist.png 1053w, http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2018\/04\/templatelist-300x262.png 300w, http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2018\/04\/templatelist-768x670.png 768w, http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2018\/04\/templatelist-1024x893.png 1024w\" sizes=\"(max-width: 1053px) 100vw, 1053px\" \/><\/p>\n<p>the templates are defined as HTML templates and can be modified without the need to recompile.<\/p>\n<p>The list supports multiple different templates at the same time so different rows can show different type of content<\/p>\n<p>The templates as well as the list are also responsive. Here you can see the layout changing and the list adapting to the new layout size as the screen size changes.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-501\" src=\"http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2018\/04\/templatelist.gif\" alt=\"templatelist\" width=\"742\" height=\"916\" \/><\/p>\n<p>the list class has support for headers, horizontal scrolling, pinned total areas and a lot more<\/p>\n<p>This control is one of the many WebApp controls available from StarZen Technologies, Inc.<\/p>\n\n\t\t<div class='author-shortcodes'>\n\t\t\t<div class='author-inner'>\n\t\t\t\t<div class='author-image'>\n\t\t\t<img src='http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2016\/02\/mike5crop-566174_60x60.jpg' alt='' \/>\n\t\t\t<div class='author-overlay'><\/div>\n\t\t<\/div> \n\t\t<div class='author-info'>\n\t\t\tMichael Salzlechner is the CEO of StarZen Technologies, Inc.<\/p>\n<p>He was part of the Windows Team at Data Access Worldwide that created the DataFlex for Windows Product before joining\u00a0<a href=\"http:\/\/starzen.com\">StarZen Technologies<\/a>. StarZen Technologies provides consulting services as well as custom Application development and third party products specifically for DataFlex developers<\/p>\n\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The template list class is also a class we created for Visual DataFlex a long time ago. Essentially it is a list class that allows us to define templates for the rows that can be changed dynamically without the need to recompile. Also the class supports multiple different templates at the same time allowing the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","ngg_post_thumbnail":0,"footnotes":""},"categories":[6,27],"tags":[],"class_list":["post-499","post","type-post","status-publish","format-standard","hentry","category-dataflex","category-dataflex-webapp"],"_links":{"self":[{"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/posts\/499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/comments?post=499"}],"version-history":[{"count":1,"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/posts\/499\/revisions"}],"predecessor-version":[{"id":502,"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/posts\/499\/revisions\/502"}],"wp:attachment":[{"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/media?parent=499"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/categories?post=499"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/tags?post=499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}