A popup command in the model editor lets you change the layout of elements created by a Data Page builder.
In the model editor, the export function is made available on elements created by a Data Page builder or a builder that uses the Data Page builder (for example, View and Form). Elements that can be changed are pages, tables, groups, and fields.
This feature lets you completely take over the generation of HTML associated with some page automation elements. If you use this feature, you are taking complete control of the HTML page layout and are effectively disabling the automatic generation of the page. If there is a change to the service or schema that the page depends on, the page can no longer adapt to these changes, because you have taken over the display. Therefore, use this capability only when you have some unusual layout and you really need to control the display precisely. Normally, if you do not have unusual or strict requirements, you should work within page automation's generation of the HTML, either by using layout grids or by working with the HTML template.
- In the model editor, do one of the following actions.
Right-click the entry for the element or page and click Export HTML for Data Layout.
In the Save As dialog window, under Enter or select the parent folder, specify the location to stored the exported HTML file and, in File name, optionally modify the default name of the exported HTML file. Then click OK.
In popup dialog window, click OK to open the exported file for editing.
- In the Application Tree, navigate to the entry under the Pages folder to locate the page that contains the element to be customized.
- In the Pages panel, expose the icon for the page.
- In the Design panel for the page, locate the element to be customized.
Click Cancel to edit the file later.
Edit the HTML code for the element to be customized.
In the editor area, the exported file is opened for editing. The Outline view shows the tag hierarchy of the HTML file.
Do not delete named elements, but you can change HTML tags.
Save and close the file.
An HTML Data Layout builder is added to the model to provide the customizations that you specified in the exported HTML file. The builder uses the exported file to be displayed as this part of the data page.
To remove the customizations, you can disable or delete the builder. To make additional customizations, you can edit the exported HTML file.
Parent topic: Creating pages and forms: wpf7