#button2 also applies a k-sprite CSS class to the span element but it does not change the appearance of the Button. For example, the following two configurations are practically identical. However, icon avoids the need to set two CSS classes at the same time and provides a certain level of abstraction. Technically, spriteCssClass can be used to achieve the same result as icon.
FONTAWESOME ABOUT US ICON HOW TO
The following example demonstrates how to apply the spriteCssClass. The icon configuration in the previous example will produce the following HTML output. Contact Us Appointment Line: (210) 450-9000 UT Billing/Invoices: (210) 450-6330 Technical Assistance: (210) 450-4111 Proxy Access Under 18 Proxy Form Under 18 Proxy Instructions.
The following example demonstrates how to use icons in the Button component. For a list of the available icon names, refer to the demo on using icons. The difference between the icon or spriteCssClass properties is that icon is intended to be used for built-in Kendo UI icons which are part of the theme sprite. The Button can automatically render the span element, or use an existing span element if it has a k-sprite CSS class or a k-icon class if the icon property is used.
With a specific Button instance you have to use only one of them-if you define multiple properties, the Button will work with only one of them in the order previously stated.įor a complete example on rendering an Icon Button, refer to the demo on adding images to the Button.īackground icons are applied over the icon or spriteCssClass properties and are displayed as a background of a span element. The Button provides the icon, spriteCssClass, and imageUrl properties for configuring icons. With regard to web standards, using background images is better because the icon represents a decoration, not structural content. You can add an icon with the img element or with a background image (usually a sprite). The Button provides options for visually enhancing its textual content by adding icons to it.
0 kommentar(er)
