The Icon UDR is used to create an icon. The Icon UDR is creating a Font Awesome icon. The icon name needs to be found at Font Awesome page. It is possible to stack two icons on top of each other. The one entered in the field stackedIconName will be on top and little bigger.
To create the stacked icon shown above, enter the following code:
Icon clearSearchIcon = udrCreate(Icon); clearSearchIcon.iconName = "fa-magnifying-glass"; clearSearchIcon.iconStyle = clearSearchIcon.SOLID; clearSearchIcon.stackedIconName = "fa-ban"; clearSearchIcon.stackedIconStyle = clearSearchIcon.SOLID; clearSearchIcon.stackedIconColor = "tomato";
The following fields are included in the Icon UDR:
Field | Description |
|---|---|
attributes (map<string,string>) | This field may contain extra attributes to be added. |
cssClasses (list<string>) | This field may contain a list of extra values added to class attribute. This is typically used to style the component. Please read more on Bootstrap. |
iconColor (string) | This field may contain a string of the color. It will be added in the style attribute. It must follow CSS Color style. |
iconName (string) | This field must contain the icon name. It must be a Font Awesome icon name, eg. fa-magnifying-glass. |
iconStyle (string) | This field may contain a string of the icon style. It must following Font Awesome. |
id (string) | This field may contain the id of the component. |
stackedIconColor (string) | This field may contain a string of the color for the stacked icon. It will be added in the style attribute. It must follow CSS Color style. |
stackedIconName (string) | This field may contain the icon name for an icon placed on top of the regular icon. It must be a Font Awesome icon name, eg. fa-ban. |
stackedIconStyle (string) | This field may contain a string of the icon style for the stacked icon. It must following Font Awesome. |
0 Comments