|
The Text, Small Text and Heading objects are app layout objects found in the layout ..
|
Attributes
|
The Attributes section contains the name, alignment, HTML formatting and the text to be displayed.
|
Name
|
Enter a name for the object. This is the name of the object as it will show in field chooser, the Navigation panel and other object lists.
|
|
Choose the alignment of the text within the boundaries of the object: left, center, right.
|
HTML
|
Select this check box to turn on the ability to add HTML tags to the Text box. Use this for inline formatting (e.g. placing a single word in boldface).
Use of html tags in a text (or heading) object can be quite useful if the designer wants to apply simple formats to sections of the text. If the HTML property is selected, then the contents of the text property are rendered as HTML. While only a limited subset of HTML tags are supported, the most commonly used tags for formatting purposes are:
<b> bold </b>
<u> underline </u>
<i> italics </i>
|
Text
|
Add or edit the text contained within the text object.
|
|
Behaviors
|
The Behavior section lists possible events on the object that can prompt a behavior to run.
|
Mouse Moves Over Text/Heading
|
This event occurs when an app user mouses over the text/heading object.
|
This event is not supported in .
|
|
Mouse Moves Away From Text/Heading
|
This event occurs when an app user moves their mouse off of the text/heading object.
|
This event is not supported in .
|
|
Text/Heading is Clicked
|
This event occurs when an app user clicks on the text/heading object.
|
Text/Heading is Shown
|
This event occurs when the text/heading object is shown. This is often when the object's page is opened.
|
|
Settings
|
The Settings section contains positioning, tabbing, tool-tip and accessibility.
|
Position
|
Object
|
Details
|
Additional Information
|
Top
|
Displays the object's location in from the top of the app (in pixels).
|
|
Left
|
Displays the object's location in from the left margin of the app (in pixels).
|
|
Width
|
Shows the width of the object.
|
|
Height
|
Shows the height of the object.
|
The minimum height is determined by the font size and cannot be less than 10px.
|
Layer
|
Indicates the layer number this object occupies. You can drag an object so that it fully or partially covers another object. Depending on the layer number it occupies, it may be positioned underneath another other object.
|
|
Tabbing
|
Tab Index
|
Indicates the order that objects will be presented in the system to designers when, for example, selecting a field in behaviors.
|
Tab Index
|
Tooltip
|
Enter tooltip text to show to an app user when they hover their mouse over the object.
|
|
Accessibility
|
Silent
|
If this check box is selected, the screen reader will not read the label.
|
Accessibility and JAWS Compatibility
|
|
Style
|
The Style section contains properties that control the font appearance and theme applied to the object.
|
Text
|
Object
|
Details
|
Additional Information
|
|
Select the font face for the text.
|
Fonts from the designers local machine will also be available provided the option to Use Custom Font has been selected in the Account Settings, however if the same font is not installed on the users machine then a standard font will be used to display the data.
|
|
Choose the size of the font for the text.
|
Manually enter font sizes smaller than the minimum selectable in the drop-down.
|
|
Enter a Hex color code or click on the color box to pick a color for the text.
|
|
|
Choose the style of the font for the text.
|
|
Use App Theme
|
|
Resets the appearance options to the default settings configured on the app's Theme properties.
|
Applying or Resetting a Theme
|
|
Access
|
The Access section contains properties for field state management.
|
|
To return to the Text and Heading object details CLICK HERE.