Form Designer Component Palette

Navigator > Setup > Form Designer > Layout tab

Components are also available from the Form Designer > Component menu.

Each button on the Component Palette represents a component with properties that can be edited using Form Designer Component Editor. Click the Component button or select the component from the Component menu, then click in the Design Window to insert the selected component. The top left corner of the component will be positioned where you click the mouse.

Components have properties, that are shown in the Component section of the Form Designer. See Form Designer Component Properties for a list of properties common to all components. To see properties specific to a component type, click the name of the component type. Each component has Events that can trigger code sub-routines to run.

See also the Form properties for properties of the form itself.

Go to Form Designer > Component > Show Component Order to display the Component Order. This shows where components are situated in relation to other components. This is very useful when designing High DPI forms and when using splitters between components. You can drag and drop components in the Component Order window to relocate components.

See the FD Dashboard Tutorials for examples of how components can be used in forms.

	Select Pointer	Use the pointer to select and move objects in the Design Window.
	Label	Shows text the user cannot select or manipulate, such as title text or control labels.
	Edit	An editing area where the user can enter or modify a single line of text.
	Number Edit	An edit component where the user can enter numbers.
	Spin Edit	An edit component where the user can enter numbers, with a spinner to increase or decrease the number.
	Date Edit	An edit component where the user can enter or select a date.
	Time Edit	An edit component where the user can enter or select a time.
	Memo	An editing area where the user can enter or modify multiple lines of text.
	HTML Memo	Display HTML read-only.
	Data Combo	An edit box that is linked to an Accredo table. The user can enter a Code that is in the table, or select from records in the table. The Code will be displayed.
	Surrogate Data Combo	A drop down combo linked to an Accredo table, where the record ID does not clearly reflect the item, so the Name rather than the ID is displayed. Tables available are Periods, Years, AR Contacts, AP Contacts and AR Delivery Addresses. The user cannot type in the combo, but can select an item. The Value property of the combo returns the record ID, and the Name property returns the name.
	Surrogate Edit Data Combo	Similar to a Surrogate Data Combo, but the user can enter or select an item. This is only available for the Country table. The Value property of the combo returns the record ID, and the Name property returns the name.
	Period Lookup Combo	Similar to a Surrogate Data Combo, this is used to display Periods in an Edit Grid. When a Surrogate Data Combo is used in an edit grid, it displays the Record ID, rather than the Name of the selection. The Period Lookup Combo will display the Name of the period selected.
	Drop Down List	A combined list box and edit box. You can enter a list of Items. The user can select items from a drop-down list, or can type in another entry. You can set the Style to dsDropDownList to disable the edit capability, so the user must select an item from the list.
	Check Box	An option that the user can toggle between Checked or Unchecked. Use check boxes to show a group of choices that are not mutually exclusive.
	Panel	A container that can hold other components on a form. This can be used for grouping or for decoration.
	Group Box	Similar to a Panel, a box with a caption that can hold other components on a form. This can be used to subdivide a form by function.
	Bevel	Similar to a Panel, an indented container that can hold other components on a form. This can be used for grouping or for decoration.
	Scroll box	Similar to a Panel, a container that can hold other components, that automatically shows scroll bars when necessary.
	Button	A button that you can set to trigger actions when clicked.
	Speed Button	A button that has an image but no text. Speed buttons can be grouped together within a panel to create a tool palette.
	Image	An image, such as a bitmap, icon, or metafile.
	Page Control	A container that can have multiple tabbed pages. Use this control to define multiple logical pages or sections of information within the same window. To add Tab Sheets to a Page Control, right-click in a Page Control component, then select New Sheet from the context menu.
	List Grid	A grid used to display table data.
	Edit Grid	A grid that displays table data and allows data to be edited. Edit Grids can only be used for Custom tables and Memory tables. To set Editors for the fields in the grid, you can: Right-click in the grid then select Create Default Editors to add default editors - OR - Hold down the `Ctrl` key, then add a component to the grid in the field, to set a component as a field editor.
	Form Navigator	Adds a navigator bar to the form. You can select which buttons to display on the navigator.
	Grid Navigator	Adds a navigator bar to a grid. You can select which buttons to display on the navigator. Standard grid buttons are selected by default.
	Grid Scroller	Adds a scroll bar to a grid, to allow the user to scroll records. All available buttons are selected by default.
	Table	A table source. This can be an Accredo table or a Custom table. The table is not displayed on the form, but can be linked to other components. After you select the TableName, double-click the table, or right-click then select Field Editor to edit the fields in the table.
	Memory Table	A custom table source where you define the fields. This is not displayed on the form, but can be linked to other components. To customise the memory table, double-click the memory table, or right-click then select Memory Table Designer.
	Timer	A timer that fires the onExecute event at regular intervals. Set the interval property in milliseconds to define the interval.
	Folder Dialog	A non-visible component used to let the user open a dialog box to browse for a folder. In the code, use: `{FolderName}.Execute` The Execute method returns a boolean value, True if a folder was selected, or False otherwise.
	File Open Dialog	A non-visible component used to let the user open a dialog box to browse for a file. In the code, use: `{FileOpenName}.Execute` The Execute method returns a boolean value, True if a file was selected, or False otherwise.
	File Save Dialog	A non-visible component used to let the user open a dialog box to save a file. In the code, use: `{FileSaveName}.Execute` The Execute method returns a boolean value, True if files were selected, or False otherwise.
	Graph	A graph that can be used to show data from a Table or Memory Table.
	Link Label	A label that can be clicked to initiate an action, such as a hyperlink. The font can change when the mouse is hovered over the link label. This can be used as an alternative to a button.
	Splitter	A splitter control that can be placed between aligned controls to divide a form into several panes, each containing multiple controls.

In This Section

Form Designer Component Order