PerfectApps™ Help Guide

Name

Displays the app file name.

Version

Displays the version number of the app that you are working in. If the whole digit is zero, you are working in an unpublished app.

Title

Shows in the title bar of the browser when an app user is accessing the app.

App is Opened

This event occurs when an app instance is opened. If you want this event to trigger one or more behavior commands, click on it and the Behaviors view will be loaded.

App Submits Data

This event occurs when an app successfully runs a Submit Data behavior command or an app user clicks the Submit button. If you want this event to trigger one or more behavior commands, click on it and the Behaviors view will be loaded.

App is Closed

This event occurs when an app user exits the app. If you want this event to trigger one or more behavior commands, click on it and the Behaviors view will be loaded.

App Receives External Call

This event occurs if the app is running a Get External Callback Parameter function. The External Callback feature can be used to pass data from the website to an embedded app from that website.  

This event is not supported in Mobile Design.

App Submitted Successfully

This event occurs once a successful submission has occurred. This event is restricted for use only with the Insert, Update and Delete Connect commands.

Size

Object

Details

Additional Information

Custom

Choose from several standard screen and print sizes for apps or enter custom dimensions.

Changing an App Size

Width, Height and Unit

Enter custom dimensions in units as selected in the Units drop-down.

Changing an App Size

DPI

It is recommended that you do not edit this property. 72 DPI is the default resolution for screen apps.

Changing an App Size

Instance Name

Text or Number

Enter a static text or numeric value as the instance name. If the names of new app instances do not need to be dynamic (based on app input or other options) then the value should be placed here.

Setting the App Instance Name

Value of a Field

Name new app instances by taking the value of a single field or a combination of fields. Click Select and choose the field in the dialog. This option is the most commonly used choice.

Setting the App Instance Name

Special

Use special values including app meta data to generate the app instance name. A complete list of special values and their purposes is coming soon.

Setting the App Instance Name

Special Fields and Properties

Formula

Click Compose to provide a condition or formula as the value and to use that as the instance name. Formulas can use field values, dates, button states or other special values.

Setting the App Instance Name

Screen

Center: Vertically

Turns off or on the automatic vertical centering of the app in the browser window.

Center: Horizontally

Turns off or on the automatic horizontal centering of the app in the browser window.

Color

Enter a Hex color code or click on the color box to select a color for the app background area (around the margins of the app in the browser window).

Drop-shadow

Turns off or on the drop-shadow effect at the edges of the app.

Frame

Show a Frame

Turns off or on the default frame that adds additional space to the app margins.

Width

This option lets you set the width of the frame. The option is only available if the Show a Frame check box has been selected.

Color

This option lets you enter a Hex color code or click on the color box to select the color for the frame. The option is only available if the Show a Frame check box has been selected.

Round Corners

This option lets you turn off or on the rounded corner effect that is the default setting for app frames. The option is only available if the Show a Frame check box has been selected.

Grid

Width

Enter the width in pixels of the layout grid which can be turned on from the View menu.

Height

Enter the width in pixels of the layout grid which can be turned on from the View menu.

Page Turning

Auto-scroll to Top of Page

This option turns off or on automatic scrolling to the top of the app page when an app user is accessing an app that is longer than the browser window.

Locking

Time Out

Allows you to enter a time out interval for the app. This property sets the time that an app instance will remain open before a warning message is shown. The time out interval will be reset every time the app user saves the app. Additionally, by clicking Yes on the Time Out dialog that is presented, the user can reset the time out interval.
 

It is a fixed time irrespective of any activity on the app. An app user could be typing in the app and the message will still pop up at the end of the specified time period.

Once the warning message is shown, the app user still has three minutes in which to click OK to keep the instance open for another time period of the same length. If the app user clicks Close on the warning screen or if the three minute period elapses then the app instance closes without data being submitted.

Display Name of Locking User

Turns off or on the property that allows the app user to view the name of the user currently working in the app providing that user is authenticated in the system.

Show Locking Information for a Locked App

Show confirm message on browser close

Turns off or on the property that shows a warning message when closing the browser.

Localization

Right to Left (RTL)

Allows you to design apps or reports in Hebrew, Arabic or other right-to-left scripts by orienting the text of an object to read from the right side to the left.

Accessibility

Enable Reflow View

Reflow View showcases an app in an adaptive, single-column layout across all devices.

App content is presented without loss of information or functionality and without requiring scrolling in two dimensions.

A Mobile Design version of the app will be required.

Ensure the mobile design is completed before activating Reflow View.

For more information about Reflow View, see Understanding Reflow

Page

Object

Details

Additional Information

Color

Enter a Hex color code or click on the color box to select a background color for new pages.

Applying or Resetting a Theme

Setting a Page Background

Picture

Select an image from the list to show as the background image on the app pages. In order for a picture file to show in the list, you must have already uploaded it in the Images section of the Toolbox.

Applying or Resetting a Theme

Setting a Page Background

Texts

Text

Select the font color, font, font size and font style for text objects. Additional style properties are available on the individual text objects once they have been added to the layout.

Applying or Resetting a Theme

Text Properties Reference

Small Text

Select the font color, font, font size and font style for small text objects. Additional style properties are available on the individual text objects once they have been added to the layout.

Applying or Resetting a Theme

Text Properties Reference

Large Heading

Select the font color, font, font size and font style for large heading objects. Additional style properties are available on the individual text objects once they have been added to the layout.

Applying or Resetting a Theme

Heading Properties Reference

Medium Heading

Select the font color, font, font size and font style for medium heading objects. Additional style properties are available on the individual text objects once they have been added to the layout.

Applying or Resetting a Theme

Heading Properties Reference

Small Heading

Select the font color, font, font size and font style for small heading objects. Additional style properties are available on the individual text objects once they have been added to the layout.

Applying or Resetting a Theme

Heading Properties Reference

Inputs

Text

Select the font color, font, font size and font style for text inputs. This affects the following objects: text input, multiline text input, numeric input, drop-down, date input, time input, date calendar, list, mask text input and password input.

Applying or Resetting a Theme

Text Input Properties Reference

Multiline Text Input Properties Reference

Numeric Input Properties Reference

Date Input Properties Reference

Time Input Properties Reference

Mask Text Input Properties Reference

Password Input Properties Reference

Border

Select the border type, border color and line weight for borders around text inputs. This affects the following objects: text input, multiline text input, numeric input, drop-down, date input, time input, date calendar, list, mask text input and password input.

Applying or Resetting a Theme

Text Input Properties Reference

Multiline Text Input Properties Reference

Numeric Input Properties Reference

Date Input Properties Reference

Time Input Properties Reference

Mask Text Input Properties Reference

Password Input Properties Reference

Background

Select the background color for the input. This affects the following objects: text input, multiline text input, numeric input, drop-down, date input, time input, date calendar, list, mask text input and password input.

Applying or Resetting a Theme

Text Input Properties Reference

Multiline Text Input Properties Reference

Numeric Input Properties Reference

Date Input Properties Reference

Time Input Properties Reference

Mask Text Input Properties Reference

Password Input Properties Reference

Buttons

Style

Controls the appearance of the buttons. Button types include: Push button, Rectangular Mouse Over Button, Rounded Mouse Over Button

Applying or Resetting a Theme

Button Properties Reference

Submit Button Properties Reference

Page Button Properties Reference

Text

Select the font color, font, font size and font style for the text on buttons.

Applying or Resetting a Theme

Button Properties Reference

Submit Button Properties Reference

Page Button Properties Reference

Text (Over)

Enter a Hex color code or click on the color box to select the color of the button text when the app user mouses over the button.

Applying or Resetting a Theme

Button Properties Reference

Submit Button Properties Reference

Page Button Properties Reference

Text (Down)

Enter a Hex color code or click on the color box to select the color of the button text when the app user clicks on the button.

Applying or Resetting a Theme

Button Properties Reference

Submit Button Properties Reference

Page Button Properties Reference

Background

This option lets you set the default background color(s) for the buttons.

There are two color pickers available for this, enabling you to add duo-tone color gradation. The first controls the color for the top half of the button and the second controls the color for the bottom half of the button. For either color picker, you may enter a Hex color code or click on the color box to select the desired color.

Applying or Resetting a Theme

Button Properties Reference

Submit Button Properties Reference

Page Button Properties Reference

Backgr.(Over)

This option lets you set the color(s) that will display for button backgrounds when an app user mouses over the buttons.

There are two color pickers available for this, enabling you to add duo-tone color gradation The first controls the color for the top half of the button and the second controls the color for the bottom half of the button. For either color picker, you may enter a Hex color code or click on the color box to select the desired color.

(Additional formatting options are available on the individual button's properties.)

Applying or Resetting a Theme

Button Properties Reference

Submit Button Properties Reference

Page Button Properties Reference

Backgr. (Down)

This option lets you set the color(s) that will display for button backgrounds when an app user clicks the buttons.

There are two color pickers available for this, enabling you to add duo-tone color gradation The first controls the color for the top half of the button and the second controls the color for the bottom half of the button. For either color picker, you may enter a Hex color code or click on the color box to select the desired color.

(Additional formatting options are available on the individual button's properties.)

Applying or Resetting a Theme

Button Properties Reference

Submit Button Properties Reference

Page Button Properties Reference

Corner Radius

Select a numeric value to represent the curvature of the button corners. The higher the number, the more curved the edges of the button will be.

Check Boxes

Text

Select the font color, font, font size and font style for the label text on check boxes.

This setting is also applied to any radio button objects on the app.

Applying or Resetting a Theme

Check Box Group Properties Reference

Radio Button Properties Reference

Text (Over)

Enter a Hex color code or click on the color box to select the color that will display for label text on check boxes when an app user mouses over the check box object.

This setting is also applied to any radio button objects on the app.

Applying or Resetting a Theme

Check Box Group Properties Reference

Radio Button Properties Reference

Border

Enter a Hex color code or click on the color box to select the color of the border of the check box.

This setting is also applied to any radio button objects on the app. For radio buttons it controls the color of the radio button circle.

Applying or Resetting a Theme

Check Box Group Properties Reference

Radio Button Properties Reference

Background

This option lets you set the default background color(s) for the check boxes.

There are two color pickers available for this, enabling you to add duo-tone color gradation. The first controls the color for the top half of the check box and the second controls the color for the bottom half of the check box. For either color picker, you may enter a Hex color code or click on the color box to select the desired color.

This setting is also applied to any radio button objects on the app. For radio buttons it controls the color(s) of the radio button circle.

Applying or Resetting a Theme

Check Box Group Properties Reference

Radio Button Properties Reference

Groups

Header Text

Select the font color, font, font size and font style for the header text on group objects. Additional style properties are available on the individual objects once they have been added to the layout.

Applying or Resetting a Theme

Group Properties Reference

Check Box Group Properties Reference

Radio Button Properties Reference

Header Background

Enter a Hex color code or click on the color box to select the the background color for the header area of group objects.

Applying or Resetting a Theme

Group Properties Reference

Check Box Group Properties Reference

Radio Button Properties Reference

Border

Select the border color, border type, line weight and rounded corner radius (the last drop-down) for borders around group objects.

Applying or Resetting a Theme

Group Properties Reference

Check Box Group Properties Reference

Radio Button Properties Reference

Background

Enter a Hex color code or click on the color box to select the background color for group objects.

Applying or Resetting a Theme

Group Properties Reference

Check Box Group Properties Reference

Radio Button Properties Reference

Transparent

If you have a group of objects that overlap each other, select the front-positioned group object and turn on the Transparent check box so the covered object can show through.

Picture

Select an image from the list to show as the background image in group objects. In order for a picture file to show in the list, you must have already uploaded it in the Images section of the Toolbox.

Applying or Resetting a Theme

Group Properties Reference

Check Box Group Properties Reference

Radio Button Properties Reference

Tables

Header Text

Select the font color, font, font size and font style for the header text on table objects. Additional style properties are available on the individual table objects once they have been added to the layout.

Applying or Resetting a Theme

Table Properties Reference

Header Background

This option lets you set the background color(s) for the header area of table objects.

There are two color pickers available for this, enabling you to add duo-tone color gradation. The first controls the color for the top half of the column header and the second controls the color for the bottom half of the column header. For either color picker, you may enter a Hex color code or click on the color box to select the desired color.

Applying or Resetting a Theme

Table Properties Reference

Rows

This option lets you set the border color(s) for the alternating rows in the table.

There are two color pickers available for this. The first controls the color for first row in the table and every other row from there. The second color picker controls the color for the second row in the table and every other row from there. For either color picker, you may enter a Hex color code or click on the color box to select the desired color.

Applying or Resetting a Theme

Table Properties Reference

Border

Select the border color, border type, line weight and rounded corner radius (the last drop-down) for borders around table objects.

Applying or Resetting a Theme

Table Properties Reference

Background

Enter a Hex color code or click on the color box to select the background color for table objects.

Applying or Resetting a Theme

Table Properties Reference

Misc

Separator Color

Enter a Hex color code or click on the color box to select the default color for separators.

Applying or Resetting a Theme

Vertical Separator Properties Reference

Separator Size

Select a default weight for separators.

Applying or Resetting a Theme

Vertical Separator Properties Reference

State

Object

Details

Additional Information

State

Select the state of the app. Choose from Normal, Read-only or Disabled.

Click the Overview ellipsis button to load the Edit State stage/role matrix. This allows you to control the state the app is loaded in, depending on the workflow stage and/or app user's role.

With field state management, you can assign various levels of user access to the app. You can prevent individual roles from changing, or even viewing, specific data or areas on the app. See Limiting User Access to App Fields for more information on how to control access to fields.

Limiting User Access to App Fields

Explanation of State Priority

Start Page

Select the page that the app should display first.

Click the Overview ellipsis button to load the Edit Start Page stage/role matrix. This allows you to dynamically control which page an app user starts on depending on the workflow stage and/or app user's role.