Brief: one of Dimofinf V.4 features is editing the website layout and style without interfering the programming codes.
First: Review layouts:
To review and manage layouts, follow the below steps:
1- Login the CPanel
2- From the side list, choose (Style & layout) > (Layout formation)> (List layouts) as shown in the below picture:
The website layout will be shown as below:
Secondly: List Layout
Press (view) as shown in the below picture:
Thirdly, Edit the layout:
Press edit as shown in below:
The selected layout will be reviewed as the below picture:
The previous picture is a small part of the layout due to its big size.
1- Editable pages: The CMS main inner pages and and you can move between them by pressing the desired page as shown in the below picture:
2- Devices used for editing: devices that able to edit the layout , to fit the device size, and you can select the desired device to be used as shown in the below picture:
3-Moving Templates: Templates can be moved in the layout by (Drag and Drop) as shown in the below picture:
4- Control the layout width: is used to zoom in or zoom out the viewing areas as the below picture:
5-Activate or Deactivate templates: it enables to activate or deactivate the viewing of certain templates as shown in the below picture:
6- Pin the viewing area: it enables to pin the viewing area, so only one area will be viewed as the below picture:
Fourthly: Layout Control Options:
Below the editing page of the layout, some properties are shown as the picture below:
It is shown respectively as below:
1- Save name: it enables to save the layout using a substituted name in order to be edited. The new name can be put in the name are beside (Save Name).
2- Set Default: it enables to set the layout as default without backing to the settings.
3- Reset to Default: it enables to recover the previous layout before editing.
4- Schedule on Weekday: it enables to schedule a day on which the default layout will be displayed.
5- Submit: is to save the above settings.
Fifthly: Delete layout:
1- Login the CPanel
2- From the side list, choose (Style & layout) > (Layout information)> (List layouts) as shown in the below picture:
3- Press (Delete) as shown below:
4- This message will appear, press (OK) to delete as below: