Editing page design is an important module in the whole designer, because it is related to the layout of the page. A new chapter is opened here to give a detailed introduction to editing page design, so that everyone has a basic understanding of editing page design.
1. Introduction to the page
First of all, I will give an introduction to the editing page design, so that everyone can understand the overall page, so that the subsequent operation will be relatively convenient.
The whole page is divided into two parts: the page design area and the attribute design area. The page design area is also divided into two parts: the buttons at the top of the page and the page layout.
The button at the top of the page corresponds to the top toolbar of the platform viewing page, which is built into the system, and basically does not require us to make any modifications to it. The only thing that needs to be modified is the report button. This place may require us to jump to Events on the report page.
2. Button creation
When the buttons that come with the system cannot meet our needs, we can create custom buttons at the buttons at the top of the page.
Right-click to edit the page design and click the Add button.
Click the new button, modify the display name, select the button image, and add a button event.
3. New group
If you want to achieve the effect shown in the figure below:
Fields belonging to the same table are supposed to be placed in the same display box, but they are placed in two parts here. How to achieve this effect?
Here you need to use the function of creating a new group. Right-click the edit page and select New Group.
Find the newly created group, click the plus sign to create a new tab page (the minus sign on the right is used to delete the group, but to use this button, you need to delete all the tab pages on this group first).
Here is a digression, how to delete tab paging? It's very simple, right-click your tab page and select delete tab page.
Click on the new tab to modify the display name.
Click on the database design, select the field you want to put in the new group, right-click Properties, find the group attribution in the property panel on the right, select the new group you created, and finally save the update.
Fourth, the page layout
If you want to move the fields in the group where the page is located, you need to click the tab page first, and then you can move the fields. You cannot move the fields without clicking.
If you think the editing page is too small, you can click the tab page, click
to edit the page in full screen.
After the full screen page, you can modify the layout page by moving the fields to the corresponding grid. You can try a lot to get familiar with the operation.
Here I mention a few points to note:
First, each field can only be moved once, and the second move is invalid. Because sometimes even if each field is moved only once, there will be some unexpected problems, so here is a recommended method, which is to save it every time it is moved, and refresh the page. To refresh the page, click the refresh button on the right side of the edit page design. It should be noted here that sometimes even if you click the refresh button on the right side of the editing page to refresh, it may not have any effect. In this case, you need to click the refresh button on the right side of the module.
Second, when the situation shown in the figure below occurs, do not move the field any more, and refresh the page directly, because there is already a problem with the mobile layout at this time, and no matter how you move the field, it will have no effect.
One last reminder, be sure to save updates, otherwise everything you've done may be in vain.
5. Layout properties
Clicking on the tab page will display the layout properties on the right.
1. Tabs grouping
Indicates which row the current tab page is in. In the first row is 1, the second row is 2, push down in turn.
2. Tab grouping
See the figure below for details:
3. Correspondence table KEY
Indicates which table the current tab page belongs to.
4. Number of columns
Used to control the number of columns in the current tab page, for example, fill in 5 to indicate that the current tab page has five columns.
5. Display name
Indicates the display name of the current tab page and the display name of the table on the application platform. For example, if you want to change the name as shown below, you can modify this place.
6. Internationalization Settings
Setting internationalization can also achieve the effect of changing the name of the application platform form
7. Whether to display in the query list
This property is currently invalid.