Part IV:  Customizing HTML Layout Pages

 

Part IV:  Customizing HTML Layout Pages

Creating HTML Layout Pages

What is a Layout Page?

Code Generation Tags in Layout Pages

How Code Generation Tags Work

Code Generation Tag Syntax

Binding Components to the Database

A “Hello World” Example Using the Image Tag

Setting Code Generation Tag Properties

Layout Page Examples Overview

Displaying Data

Displaying Text Fields

Displaying Checkbox Fields

Displaying Radio Button Fields

Displaying Dropdown List Fields

Displaying Images from a Database

Displaying Images Based on URLs from a Database

Adding and Editing Data

Edit Record Page

Add Record Page

Displaying Tables

Table of Records

Table with Search

Table with Date Range Filter Control

Table with Sortable Column Headings

Table with Page and Grand Totals

Advanced Tables

Table with Alternating Rows

Table with Different Alternating Rows

Table Column with Multiple Fields

Table with Multiple Fields within a Sortable Column

Table within a Table

Advanced Pages

Display a Master-Detail Page

Search and Display a Single Record

Display Record with Search and Pagination

Dashboard Pages

Dashboard Page

Dashboard Page with Advanced Queries

Menus

Add a Logout Button to a Page

Adding Multiple Menus to a Page

Creating a Custom Menu

Hide Menu Items Based on Security Settings

Place Multiple Menus on a Page

Advanced Page Features

Changing a Dialog Title

Changing Page Titles

Keeping a Page On-Screen After Clicking “Save”

Creating a Large List Selector

Using a Large List Selector

Moving the Sign-in Control to Another Directory

Filters

Add a Filter Control to a Page

Add Date Range Filters to a Page

Add a Search Control to a Page

Add Multiple Search Filters to a Page

Add a Reset Filters Button

Turn off AutoPostBack on Filters

Customizing the Application Style Sheet

Change Color of Control's Title

Set Application Page Width

Set Table Panel Width

Set Table Column Width

Field and Page Dimensions

Display Multi-Line Labels

Enabling Text Wrapping in a Field

Set Tables to Open in Collapsed State

Other Customizations

Adding HTML Links to Fields

Add a Second Pagination Control to a Page

Add Two Related Record Panels to a Page

Create a Common Lookup Table

Display HTML From a Field Value

Expanding / Collapsing Sections on a Page