Create the Component Layout of Server Pages

Create the layout of dynamic and static server pages using the Design Layout worksheet.

1. Click the Design Layout tab to switch to the Design Layout worksheet.
2. In the Structure tab, select the objects you want to insert in the layout, then right-click and choose one of the Copy options.

   Copy as HTML Menu Commands

   Command	Description
   As Horizontal Table	Formats all selected entities and their content as a horizontal table, with labels in the first row, and entity occurrence data in the second row. Inner entities are copied as tables within tables.
   As Unformatted HTML	Formats the all selected objects as elements enclosed in <div> tags.
   As Binding Information	Formats only the object type and name as an id or name attribute and its value. For example, id="ufld:BTN_STORE.ORDERS.SALES"

   Caution: Uniface does not synchronize the component structure and server page layout. If you subsequently make changes in the component structure or to widget properties, you need to update the layout as well to ensure they stay in sync.

   The copied HTML is different for a Dynamic Server Page than for a Static Server Page. For Dynamic Server Pages, it contains standards-compliant XHTML. For Static Server Pages, it contains Uniface-specific elements. For more information, see Layout of Static Server Pages.

3. Enhance the layout of a server page, adding additional elements (such as headers, footers, and images) as desired. You can use CSS to provide additional formatting.
4. For static server pages, you can use the <x-subst> tag to substitute some ProcScript functions or include files. For more information, see Substituting ProcScript Functions and Including Files in Static Server Pages.

Related Topics