{"id":1693,"date":"2017-10-12T11:09:07","date_gmt":"2017-10-12T16:09:07","guid":{"rendered":"https:\/\/xlinesoft.com\/blog\/?p=1693"},"modified":"2018-09-15T17:04:42","modified_gmt":"2018-09-15T22:04:42","slug":"version-10-page-designer","status":"publish","type":"post","link":"https:\/\/xlinesoft.com\/blog\/2017\/10\/12\/version-10-page-designer\/","title":{"rendered":"Version 10. Page designer"},"content":{"rendered":"<p>It is about time we talk about version 10 of PHPRunner, ASPRunner.NET and ASPRunnerPro. We expect beta version to be available in November and stable version will be released before the end of the year.<\/p>\n<p>Make sure that your software maintenance is current. Otherwise you will have to purchase version 10 at the full price.<\/p>\n<p>The most interesting new feature in this update is Page Designer which will complement and eventually will replace the Visual Editor. This is quite a big change and before we talk about new functionality I need to explain why this change was required.<\/p>\n<p><a href=\"https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_page_designer.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1706\" src=\"https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_page_designer-300x153.png\" alt=\"\" width=\"300\" height=\"153\" srcset=\"https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_page_designer-300x153.png 300w, https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_page_designer-768x393.png 768w, https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_page_designer-1024x523.png 1024w, https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_page_designer-150x77.png 150w, https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_page_designer-400x204.png 400w, https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_page_designer.png 1301w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\n<!--more--><\/p>\n<p>Visual Editor for many years was used by <a href=\"https:\/\/www.edgeonline.com.au\/\">the top digital agenices in Australia <\/a>as a primary way to customize the appearance of pages but we were hitting its limitations more and more often lately. We tried to introduce workarounds like Layout Editor and Free-Form mode but those were half measures.<\/p>\n<ol>\n<li>HTML is not a suitable medium for this job. When you mix HTML with your own template tags things tend to break.<\/li>\n<li>Visual Editor is powered by Internet Explorer editing engine which has minds on its own and doesn&#8217;t always cooperate with us changing HTML behind the scene, shuffling HTML attributes etc.<\/li>\n<li>After switching to Bootstrap things like drag-n-drop in Visual Editor became even more difficult and we were often had to suggest make certain changes right in HTML code which sort of defeats the purpose of WYSIWYG.<\/li>\n<\/ol>\n<p>Page Designer is a grid-based design tool that is supposed to take care of above issues plus adds more functionality.<\/p>\n<ol>\n<li>Multiple pages of the same type i.e. two or three list pages based on the same table. Previously you had to create a custom view or two that were more difficult to manage and also created unnecessary pages.This will be useful in many scenarios. For instance you need to display a button on the list page but don&#8217;t need to see it when the same list page is shown in dashboard. Or you need to design different list pages with different set of columns for different users. Now you can do this.<\/li>\n<li>Page drafts. You can consider them working page copies. If page is marked as a draft it won&#8217;t appear in generated application. Using drafts you can quickly switch between two versions of the page.On a screenshot below you can see the default list page template (list), an additional list page layout (list1) and a draft (list2). It also shows you how easy you can add a field to grid and to search or to filter panel. No need to switch to another screen in the software to choose what fields will appear on each page.\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1700\" src=\"https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_drafts.png\" alt=\"\" width=\"609\" height=\"413\" srcset=\"https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_drafts.png 609w, https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_drafts-300x203.png 300w, https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_drafts-150x102.png 150w, https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_drafts-400x271.png 400w\" sizes=\"auto, (max-width: 609px) 100vw, 609px\" \/><\/li>\n<li>Cells and object properties. Made much easier in Page Designer to change visual properties of any cell, field or any other object.<a href=\"https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_cell_properties.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1701\" src=\"https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_cell_properties-300x221.png\" alt=\"\" width=\"300\" height=\"221\" srcset=\"https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_cell_properties-300x221.png 300w, https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_cell_properties-768x565.png 768w, https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_cell_properties-150x110.png 150w, https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_cell_properties-400x294.png 400w, https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_cell_properties.png 803w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/li>\n<li>Grid types. You can switch between grid types keeping the rest of page intact.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1702\" src=\"https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_grid_types.png\" alt=\"\" width=\"667\" height=\"452\" srcset=\"https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_grid_types.png 667w, https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_grid_types-300x203.png 300w, https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_grid_types-150x102.png 150w, https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_grid_types-400x271.png 400w\" sizes=\"auto, (max-width: 667px) 100vw, 667px\" \/><\/li>\n<li>Controlling where buttons appear. Buttons can appear standalone or in dropdown. Here an example of moving &#8216;Inline Add&#8217; and &#8216;Delete&#8217; buttons to &#8216;More&#8217; dropdown.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1704\" src=\"https:\/\/xlinesoft.com\/blog\/wp-content\/uploads\/2017\/10\/version10_dragging_buttons.gif\" alt=\"\" width=\"520\" height=\"409\" \/><\/li>\n<li>Customizing mobile version behaviour. For any button, search or filter panel you can choose if will be shown in mobile mode or hidden in mobile mode or only visible when mobile menu is open. There also will be an option to create a separate page layout for mobile mode.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>It is about time we talk about version 10 of PHPRunner, ASPRunner.NET and ASPRunnerPro. We expect beta version to be available in November and stable version will be released before the end of the year. Make sure that your software maintenance is current. Otherwise you will have to purchase version 10 at the full price. The most interesting new feature in this update is Page Designer which will complement and eventually will replace the Visual Editor. This is quite a big change and before we&#8230;<span class=\"clearfix clearfix-post\"><\/span><a href=\"https:\/\/xlinesoft.com\/blog\/2017\/10\/12\/version-10-page-designer\/\" class=\"more-link\">Continue Reading <span class=\"screen-reader-text\">&#8220;Version 10. Page designer&#8221;<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,10,1],"tags":[],"class_list":["post-1693","post","type-post","status-publish","format-standard","hentry","category-asp-net","category-news","category-php-category"],"_links":{"self":[{"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/posts\/1693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/comments?post=1693"}],"version-history":[{"count":14,"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/posts\/1693\/revisions"}],"predecessor-version":[{"id":1821,"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/posts\/1693\/revisions\/1821"}],"wp:attachment":[{"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/media?parent=1693"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/categories?post=1693"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/tags?post=1693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}