Line 15 applies an icon to a second button, this time using a CSS class. The former loads a sprite (a collection of images, held in a single file to minimize calls to the server), and the latter positions the sprite to show a specific image-in this case, the Cut icon. Line 4 shows the Dojo theme classes dijitEditorIcon and dijitEditorIconCut applied to the button. ![]() Dojo has some built-in icons for various editing functions, defined in the \dijit\themes folder and shown in Listing 5.11. ![]() CSS handles the icon, with the relevant class defined as a string in the iconClass property. However, showing an icon is not merely a case of selecting an image. The label property allows the developer to control the text to show, but the showLabel property can suppress the label from appearing. Just like the core Button control, the Dojo Button control can have a label, show an icon, or both. Again, the main differences are the Dojo styling and the inclusion of properties for accessibility, the same ones covered earlier. Like the Dojo Check Box and Dojo Radio Button controls, the Dojo Button is not appreciably different from the core control version. There are two Dojo Extensions to Buttons: the Dojo Button control and the Dojo Toggle Button control. Learn More Buy Dojo Extensions to Buttons ![]() XPages Extension Library: A Step-by-Step Guide to the Next Generation of XPages Components
0 Comments
Leave a Reply. |