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.  

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.

Margin

Object

Details

Additional Information

Choose a margin for your mobile app and the size of that margin.

Choose from:

oMargin below (default setting)

oMargin above

oMargin above and below

oNo margins

Screen

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.

Object

Details

Additional Information

Texts

Text

Select the font color, font, font size and font style for text objects. Additional style properties may be available on the individual object properties.

Mobile Styles

Text Properties Reference

Small Text

Select the font color, font, font size and font style for small text objects. Additional style properties may be available on the individual object properties.

Mobile Styles

Text Properties Reference

Large Heading

Select the font color, font, font size and font style for large heading objects. Additional style properties may be available on the individual object properties.

Mobile Styles

Heading Properties Reference

Medium Heading

Select the font color, font, font size and font style for medium heading objects. Additional style properties may be available on the individual object properties.

Mobile Styles

Heading Properties Reference

Small Heading

Select the font color, font, font size and font style for small heading objects. Additional style properties may be available on the individual object properties..

Mobile Styles

Heading Properties Reference

Link

Select the font color, font, font size and font style for link objects. Additional style properties may be available on the individual object properties.

Mobile Styles

Link Properties

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.

Mobile Styles

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.

Mobile Styles

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.

Mobile Styles

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

Mobile Styles

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.

Mobile Styles

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.

Mobile Styles

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.

Mobile Styles

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.)

Mobile Styles

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.

Mobile Styles

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.

Mobile Styles

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.

Mobile Styles

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.

Mobile Styles

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.

Mobile Styles

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.

Mobile Styles

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.

Mobile Styles

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.

Mobile Styles

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 a picture 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.

Mobile Styles

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.

Mobile Styles

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.

Mobile Styles

Table Properties Reference

Rows

This option lets you set the 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.

Mobile Styles

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.

Mobile Styles

Table Properties Reference

Background

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

Mobile Styles

Table Properties Reference

Misc

Separator Color

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

Mobile Styles

Vertical Separator Properties Reference

Separator Size

Select a default weight for separators.

Mobile Styles

Vertical Separator Properties Reference