This PHPMaker 2025 project will show you how to implement Two Column Layout in Add, Edit, View, and Search pages. In addition, we can implement it also for Extended Search in List Page and Master Record section from Master/Detail List Page.
The most interesting part is, the script supports also for Multi-Page for Add, Edit, View, and Search pages. Imagine if you write the Custom Template code manually from scratch for those pages. Imagine if for example, you have hundreds fields that divided into some Pages. How long will it take you to do all that?
Instead of writing code from scratch, now we can generate the Custom Template code by selecting from Code Repository. Only one simple click, then the code for Custom Template with Two Column Layout will be generated only within a second! Sounds great, right?
When we are talking about Two Column Layout, then there are two possible directions that we can get, when end-users are moving the cursor pointer from one control to another in the current form. The first is Zig-Zag direction, and the second is Top-Down direction.
This project includes some .xml files that contains the Code Repository as follows:
- addpage2.xml: Two Column Layout for Add Page (Zig-Zag Direction)
- addpage3.xml: Two Column Layout for Add Page (Top-Down Direction)
- editpage2.xml: Two Column Layout for Edit Page (Zig-Zag Direction)
- editpage3.xml: Two Column Layout for Edit Page (Top-Down Direction)
- masterpage2.xml: Two Column Layout for Master Page (Zig-Zag Direction)
- masterpage3.xml: Two Column Layout for Master Page (Top-Down Direction)
- searchpage2.xml: Two Column Layout for Search Page (Zig-Zag Direction)
- searchpage3.xml: Two Column Layout for Search Page (Top-Down Direction)
- tableheader2.xml: Borderless table header (List page)
- tablebody2.xml: Borderless table body (List page)
- tablefooter2.xml: Borderless table footer (List page)
- tablesearchpage2.xml: Two Column Layout for Extended Search in List Page (Zig-Zag Direction)
- tablesearchpage3.xml: Two Column Layout for Extended Search in List Page (Top-Down Direction)
- viewpage2.xml: Two Column Layout for View Page (Zig-Zag Direction)
- viewpage3.xml: Two Column Layout for View Page (Top-Down Direction)
Zig-Zag means the direction came from the control on left side then move to the next control on the same row in right side, then go down to the next control in left side, then move again to the next control in right side, and so forth.
Top-Down means direction came from the control on the left side then move down to the control below still in left-side, and so forth after the last row in left side, then direction move up to the top control on first row in the right side, then go down below to next row, and so forth.
Now let's have a look at the following layout example:
A .... F
B .... G
C .... H
D .... I
E ....
As you can see, there are 5 fields in left-side (A, B, C, D, and E), and 4 fields in right-side (F, G, H, I).
Zig-Zag: A -> F -> B -> G -> C -> H -> D -> I -> E
Top-Down: A -> B -> C -> D -> E -> F -> G -> H -> I
You may copy all those .xml files into this following folder: C:\Users\User\AppData\Roaming\phpmaker2025\code. Just replace the existing files (if any). After that, you may simply select it from Code (Server Events, Client Scripts and Custom Templates) -> Code Repository ..., then PHPMaker will automatically generate on-the-fly the Custom Template code based on the selected table. That's it! Your development time will be saved.