Home

Download this help site
(PDF 80MB)

Download

Customizing gadget styles in themes

Gadget styles can be applied to gadgets to change their appearance. The gadget style will determine the color and format of the gadget title, the gadget content, and the gadget border.

Styles are not supported for all gadgets out of the box. To add styles to a gadget, follow these steps:

  1. Modify the GadgetStyles.cfg file, adding names and values for each gadget style.

  2. Add a style selection control to SettingsLayout.cfg for the gadget using the following code:

    For more information on parameterizing gadgets, see Adding parameters to gadgets

  3. Parse this parameter and use in your gadget's template (GadgetTemplate.tpl). For example, form a CSS class from it as we do in the StyledWrapper control (see Customizing theme controls):

  • No labels
 
Wild Apricot Inc. 144 Front Street West Suite 725, Toronto, Ontario, Canada M5J 2L7