Skip to main content

4-1 Screen layout and operations of Form Designer

Form Designer allows you to design forms. The Form Designer screen is shown below. This section gives an overview of the screen divided into seven main areas.

swd92user_i039.png

(1) Toolbar

The toolbar allows you to save a form definition, perform test print, select or copy an item, set default values for items, configure user profile settings, and perform other operations.

swd92_3-2-1_002.png

Item

Description

(a) swd92_icon_p_hozon.pngSave form definition

Saves the form definition currently being edited.

You can perform the same operation by pressing CTRL+SHIFT+S.

For details, see "Overwrite an existing file" in "3-7 Save a form definition".

(b) swd92_icon_212.pngSave form definition as

Saves the form definition currently being edited as a new form definition.

For details, see "Save as a new form definition" in "3-7 Save a form definition".

(c) swd92_icon_213.pngSave as client backup file

Saves the form definition currently being edited as a backup file on the client machine.

For details, see "Save as a client backup file" in "3-7 Save a form definition".

(d) swd92_icon_131.pngPrint

Prints test data.

For details, see "4-12-1 Test print operations".

(e) swd92_3-2-1_011.pngOutput item list

Saves item settings to a CSV file.

For details, see "Save properties settings to a CSV file" in "4-10-2 Set properties of multiple items in bulk".

(f) swd92_icon_23.pngDeselect

Deselects selected items.

(g) swd92_icon_24.pngSelect all

Selects all items on Form Editor.

You can perform the same operation by pressing CTRL+A.

(h) swd92_icon_20.pngUndo

Cancels previous operations.

You can perform the same operation by pressing CTRL+Z.

(i) swd92_icon_21.pngRedo

Redoes canceled operations.

You can perform the same operation by pressing CTRL+Y.

(j) swd92_icon_28.pngCopy item

Copies the selected item to the clipboard.

You can perform the same operation by pressing CTRL+C.

(k) swd92_icon_25.pngCut item

Cuts and copies the selected item to the clipboard.

You can perform the same operation by pressing CTRL+X.

(l) swd92_icon_26.pngPaste item

Pastes the item copied to the clipboard.

You can perform the same operation by pressing CTRL+V.

(m) swd92_icon_2.pngDelete

Deletes the selected item.

You can perform the same operation by pressing DELETE.

Reference

When a subform, record or formcopy is deleted, if any items are contained within its hierarchy, those items will also be deleted.

(n) swd92_icon_9.pngItem default values

Sets the default values of items.

For details, see "4-3-2 Set initial values of items".

(o) swd92_icon_6.pngUser profile settings

Sets the display language and work environment for the login user.

For details, see "2-2 Set user profile".

(p) swd92_icon_7.pngChange password

This button does not appear in SVF Cloud Designer.

(q) swd92_icon_16.pngLogout

Exits SVF Cloud Designer.

(2) Title bar

The title bar shows the title of the form definition currently being edited. The Close form definition button is also placed here.

swd92user_i040.png

Item

Description

(a) Title

Shows the path of the form definition currently being designed with Form Designer.

Format: <directory_name>/<form_definition_name>

(b) Close form definition

Closes the form definition currently being designed.

If the form definition has not been saved, a confirmation message appears.

When you close the form definition, the Explorer screen appears.

(3) Left toolbar

The left toolbar contains the following buttons. Clicking these buttons opens the corresponding windows.

swd92_3-2-1_018.png

Item

Description

(a) swd92_3-11-0_002.pngReferences

Open the References window.

For details, see ""References" window" in "4-13 Set various files".

(b) swd92_3-2-1_013.pngCompare form

Open the Compare form window.

A form specified from the revision history can be superimposed on the form currently being designed, so that these forms can be compared.

For details, see "4-14-1 Display the form specified in revision history on the Form Editor".

(c) swd92_3-2-1_014.pngItems

Open the Items window.

The names of items placed on Form Editor and the parent-child relationships between them are displayed.

For details, see ""Items" window" in "4-5 Basic operations of items".

(d) swd92_3-2-1_015.pngLayer

Open the Layer window.

For details, see ""Layer" window" in "4-5-8 Arrange items to be overlapped - operations on the "Layer" window".

(e) swd92_3-2-1_016-2.pngError and Warning list

Open the Error and Warning list window.

For details, see "4-3-5 Check the list of errors and warnings in form definition".

Reference

If the form contains an error or warning, the color of the Error and Warning list button changes.

Button

Description

swd92_3-2-1_016-2.png

No error or warning is contained in the form.

swd92_3-2-1_016-3.png

An error or warning is contained in the form.

(4) Toolbox

The toolbox contains various items and features for operating these items.

swd92_3-2-1_019.png

Item

Description

(a) swd92_arrow.pngItem selection mode

Mouse cursor becomes swd92_icon_30.png, and the clicked item will be selected.

For details, see "4-5-1 Select items".

(b) swd92_icon_22.pngHand scroll

The pointer changes to swd92_icon_22.png, and you can scroll the screen by dragging the mouse on Form Editor.

The Form Editor screen can be scrolled by using Hand scroll or the scroll bar.

(c) swd92_icon_138.pngCreate multi-item

Select multi-item dialog is displayed, and a registered multi-item is called.

For details, see "Place multi-item" in "4-10-1 Register items for repetitive use (Multi-item)".

(d) swd92_icon_19.pngLoad background form image

Loads an image file to be used for a template as a form image (sample).

For details, see "4-3-4 Load a form image and create lines and texts automatically".

(e) swd92_icon_143.pngLoad lines from form image

Recognize the lines in a form image (sample) loaded by Load background form image and automatically create ruled lines.

For details, see "Automatically create ruled lines from form image" in "4-3-4 Load a form image and create lines and texts automatically".

(f) swd92_icon_145.pngLoad text from form image

Recognize the character in a form image (sample) loaded by Load background form image and automatically creates static text.

For details, see "Automatically create static text from form images" in "4-3-4 Load a form image and create lines and texts automatically".

(g) Items, charts, and text frame

swd92_3-2-1_020.png

Creates an item, chart or text frame.

For details on items, see "4-6 Create items" and "4-7 Create items (Shape)".

For details on the chart, see "4-8 Create items (Chart)".

For details on the textframe, see "4-9 Creation of items (TextFrame)".

(5) Right toolbar

The right toolbar contains the following buttons. Clicking these buttons opens the corresponding windows.

swd92_3-2-1_021.png

Item

Description

(a) swd92_icon_48.pngProperties

Opens the Properties Editor.

Use this to set the properties of the item selected on Form Editor.

The mode of the selected item is displayed at the top of the Properties Editor. Item properties displayed differ from item to item.

For details on the paper properties, see "4-3-3 Set paper format".

For details on items properties, see "4-6 Create items", "4-7 Create items (Shape)", "4-8 Create items (Chart)", and "4-9 Creation of items (TextFrame)".

(b) swd92_icon_207-1.pngGrid settings

The Grid settings window is displayed.

For details, see "Configure grid settings" in "4-3-1 Use the auxiliary features for layout".

(c) swd92_icon_204-1.pngDisplay settings

The Display settings window is displayed.

For details, see "Display settings" in "4-3-1 Use the auxiliary features for layout".

(6) Form Editor

The Form Editor is where you design and place items on a form.

swd92user_p161.png

Item

Description

(a) Page tab

According to the value of Multi-page count set in the paper properties, the tab to display the page is displayed.

On the Common page, place items common to all pages. On pages other than Common, in addition to the items created on the Common page, place items specific to each page.

For details, see "4-5-7 Set editable items for each page".

(b) Common

The operation is possible when a page other than Common is selected in the "page tab".

Shows/hides items placed on the Common page.

(7) Status bar

The status bar contains layout subfeatures and the controls for changing the zoom factor of Form Editor.

swd92user_p162.png

Item

Description

(a) swd92_icon_201_1-1.pngFit mode

With Fit mode selected, when drawing a ruled line inside a rectangle or placing a record in a subform, the ruled line will automatically fit inside the frame, and the record width will automatically adjust to fit the subform.

For details, see "Fit mode" in "4-3-1 Use the auxiliary features for layout".

(b) swd92_3-2-1_017.pngShow toolbox

Shows/hides the toolbox.

Click the button to show or hide the toolbox.

(c) swd92_icon_202-1.pngShow ruler

Shows/hides the rulers at the upper and left edges of Form Editor.

For details, see "Display settings" in "4-3-1 Use the auxiliary features for layout".

(d) swd92_icon_3_1_6.pngDesign color display

Sets the colors of items displayed on Form Editor.

For details, see "4-11-1 Design colors and print colors".

(e) swd92_icon_205-1.pngItem position

Sets the grid accuracy for arranging items.

For details, see "Grid" in "4-3-1 Use the auxiliary features for layout".

(f) swd92_icon_206-1.pngGrid display

Sets the way in which the grid is displayed.

For details, see "Grid" in "4-3-1 Use the auxiliary features for layout".

(g) Status bar

Shows the position of the pointer on Form Editor and descriptions of mouse and key operations.

(h) Slider and buttons to change the zoom factor

Changes the zoom factor of Form Editor.

For details, see "Change the zoom" in "4-3-1 Use the auxiliary features for layout".