{"id":360,"date":"2011-06-26T14:30:30","date_gmt":"2011-06-26T19:30:30","guid":{"rendered":"http:\/\/xlinesoft.com\/blog\/?p=360"},"modified":"2011-06-26T15:12:45","modified_gmt":"2011-06-26T20:12:45","slug":"phprunner-6asprunnerpro-7-beta-is-almost-there","status":"publish","type":"post","link":"https:\/\/xlinesoft.com\/blog\/2011\/06\/26\/phprunner-6asprunnerpro-7-beta-is-almost-there\/","title":{"rendered":"PHPRunner 6\/ASPRunnerPro 7 beta is almost there"},"content":{"rendered":"

For all those who are patiently waiting for a new version to be released – we will have PHPRunner 6\/ASPRunnerPro 7 beta available July 12th-15th. We apologize for prolonged wait.<\/p>\n

As you remember this new version features Style Editor, Mobile Template and easily customizable layouts. I’d love to present a few examples of interfaces customized in Style Editor (all images are clickable).<\/p>\n

Edit page in style editor<\/h4>\n

Note buttons and panels shape, gradient backgrounds and different border types.<\/p>\n

\"\"<\/a><\/p>\n

<\/p>\n

List page with vertical menu<\/h4>\n

\"\"<\/a><\/p>\n

Nice looking Edit page<\/h4>\n

\"\"<\/a><\/p>\n

List page with horizontal menu<\/h4>\n

\"\"<\/a><\/p>\n

This page looks nice however we want to create a new layout rearranging a few items on the page.Page structure is defined in list.ly file.<\/p>\n

beginblock top\r\n\tbegincontainer horizontal  style=2 1\r\n \t\tbrick masterinfo\r\n\tendcontainer\t\r\n\r\n    begincontainer horizontal  style=2 2\r\n        brick left toplinks\r\n        brick right loggedas\r\n    endcontainer\r\n\tbegincontainer horizontal style=hmenu hmenu\r\n\t\tbrick hmenu\r\n\tendcontainer\r\nendblock \r\n\r\nbeginblock left\r\n    begincontainer vertical style=3 4\r\n\t\tbrick color2 vsearch1\r\n        brick color1 vsearch2\r\n        brick color2 vdetails_found\r\n        brick color1 vpage_of\r\n        brick color1 vrecsperpage\r\n\t\tbrick searchpanel\r\n   endcontainer \r\nendblock \r\n\r\nbeginblock center\r\n     begincontainer horizontal style=3 5\r\n        brick left recordcontrols\r\n    endcontainer \r\n    begincontainer horizontal style=2 6\r\n       brick center message\r\n    endcontainer\r\n    begincontainer grid style=grid grid\r\n        brick grid\r\n    endcontainer\r\n   begincontainer horizontal style=2 8\r\n        brick center pagination\r\n    endcontainer\r\nendblock\r\n<\/pre>\n
If you want to read more about block, containers and bricks – check this article<\/a>.<\/p>\n
Lets say we need to move search panel and menu to the right side of the page, move search box to the top horizontal panel and display ‘Details found’ in its own container. For this purpose we create a copy of list.ly file that defines the list page structure the following way, copying and pasting containers definitions. <\/p>\n
\r\nbeginblock top\r\n\tbegincontainer horizontal  style=2 1\r\n \t\tbrick masterinfo\r\n\tendcontainer\t\r\n\r\n    begincontainer horizontal  style=2 2\r\n\t\tbrick left search\r\n        brick left toplinks\r\n        brick right loggedas\r\n    endcontainer\r\nendblock \r\n\r\nbeginblock right\r\n    begincontainer vertical style=3 3\r\n\t\tbrick searchpanel\r\n   endcontainer \r\n   \tbegincontainer vertical style=4 4\r\n\t\tbrick vmenu\r\n\tendcontainer\r\nendblock \r\n\r\nbeginblock center\r\n    begincontainer horizontal style=3 5\r\n        brick left recordcontrols\r\n    endcontainer \r\n\tbegincontainer horizontal style=3 6\r\n\t    brick color1 details_found\r\n        brick color1 page_of\r\n        brick color1 recsperpage\r\n\tendcontainer\r\n    begincontainer horizontal style=2 7\r\n       brick center message\r\n    endcontainer\r\n    begincontainer grid style=grid grid\r\n        brick grid\r\n    endcontainer\r\n   begincontainer horizontal style=2 9\r\n        brick center pagination\r\n    endcontainer\r\nendblock\r\n<\/pre>\n
And here is how new list page looks<\/h4>\n
\"\"<\/a><\/p>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
For all those who are patiently waiting for a new version to be released – we will have PHPRunner 6\/ASPRunnerPro 7 beta available July 12th-15th. We apologize for prolonged wait. As you remember this new version features Style Editor, Mobile Template and easily customizable layouts. I’d love to present a few examples of interfaces customized in Style Editor (all images are clickable). Edit page in style editor Note buttons and panels shape, gradient backgrounds and different border types.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,1,4,3],"tags":[],"_links":{"self":[{"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/posts\/360"}],"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=360"}],"version-history":[{"count":4,"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/posts\/360\/revisions"}],"predecessor-version":[{"id":369,"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/posts\/360\/revisions\/369"}],"wp:attachment":[{"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/media?parent=360"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/categories?post=360"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/tags?post=360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}