PHPRunner 6/ASPRunnerPro 7 beta is almost there

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.

List page with vertical menu

Nice looking Edit page

List page with horizontal menu

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.

beginblock top
	begincontainer horizontal  style=2 1
 		brick masterinfo
	endcontainer	

    begincontainer horizontal  style=2 2
        brick left toplinks
        brick right loggedas
    endcontainer
	begincontainer horizontal style=hmenu hmenu
		brick hmenu
	endcontainer
endblock 

beginblock left
    begincontainer vertical style=3 4
		brick color2 vsearch1
        brick color1 vsearch2
        brick color2 vdetails_found
        brick color1 vpage_of
        brick color1 vrecsperpage
		brick searchpanel
   endcontainer 
endblock 

beginblock center
     begincontainer horizontal style=3 5
        brick left recordcontrols
    endcontainer 
    begincontainer horizontal style=2 6
       brick center message
    endcontainer
    begincontainer grid style=grid grid
        brick grid
    endcontainer
   begincontainer horizontal style=2 8
        brick center pagination
    endcontainer
endblock

If you want to read more about block, containers and bricks – check this article.

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.

beginblock top
	begincontainer horizontal  style=2 1
 		brick masterinfo
	endcontainer	

    begincontainer horizontal  style=2 2
		brick left search
        brick left toplinks
        brick right loggedas
    endcontainer
endblock 

beginblock right
    begincontainer vertical style=3 3
		brick searchpanel
   endcontainer 
   	begincontainer vertical style=4 4
		brick vmenu
	endcontainer
endblock 

beginblock center
    begincontainer horizontal style=3 5
        brick left recordcontrols
    endcontainer 
	begincontainer horizontal style=3 6
	    brick color1 details_found
        brick color1 page_of
        brick color1 recsperpage
	endcontainer
    begincontainer horizontal style=2 7
       brick center message
    endcontainer
    begincontainer grid style=grid grid
        brick grid
    endcontainer
   begincontainer horizontal style=2 9
        brick center pagination
    endcontainer
endblock

And here is how new list page looks