Specifying presentation options for an Icon control
After you create the Image control, configure how the control is displayed. You can specify whether the Icon control has a label and what happens when an application user clicks or taps the icon.
Prerequisite: Add an Icon control to a layout.
- Optional: To add a label to the icon, select the Include a label check box on the Presentation tab of the Properties panel and in the adjacent field enter the text for the label or press the Down Arrow key and select a predefined label.
- Optional: To specify a format for the label, press the Down Arrow key in the Label format field and select one.
-
In the
Type
field, select one of the following settings to
determine what happens when a user clicks or taps the icon at run time:
- URL – Launches the URL that you specify in the adjacent field.
- Email – Opens the email composer and uses the text that you enter in the adjacent field in the To: field of the email message.
- Phone – Opens the phone dialer or another configured phone application.
-
Optional: Set advanced presentation options.
Instead of creating a new custom format in the skin, you can adjust elements in a cell by applying Cascading Style Sheet (CSS) helper classes. For example, you can use a CSS helper class to center an element in a cell or to double the standard right margin for the element.
- Cell read-write classes – Click the Open helper class picker icon to specify one or more CSS helper classes to apply to this cell when the form is displayed in read-write mode. You can enter several helper classes, separated by a space. Alternatively, you can enter the name of a custom style to apply to this cell.
- Cell read-only classes – Click the Open helper class picker icon to specify one or more CSS helper classes to apply to this cell when the form is displayed in read-only mode. You can enter several helper classes, separated by a space. Alternatively, you can enter the name of a custom style to apply to this cell.
- Inline style (not for production use) – You can use this field to define an inline style by entering CSS code. However, entering an inline style results in a guardrail warning. For maintainability and reuse, the recommended approach is to use read-write or read-only classes.
- Icon
Use the Image control to add an image that can also function as a button that users can click or tap to take an action in your application.
- Adding and configuring an Image control
By adding an Image control to a layout, you make it possible for application users to take an action on the form. By configuring an Image control, you give your application a consistent look and feel.
- Specifying the icon source and tooltip for an Icon control
Using images and tooltips to indicate an icon's purpose makes it easier for application users to understand a form and complete their tasks.
- Defining the behavior of form elements
Ensure that users see and complete only the fields that are relevant to the processing of a case by defining the rules that govern the behavior of form elements.
- Copying, moving, or deleting a control
You can use basic Windows operations to speed the development of your controls.
Previous topic Specifying the icon source and tooltip for an Icon control Next topic Standard icons