The dialog's appearance is easy to change from the flora
theme used in the first example. Like some of the other widgets we have looked at, certain aspects of the default
or flora
themes are required to make the widget function correctly. Therefore, when overriding styles, we need to be careful to just override the rules related to the dialog's display.
When creating a new skin for the default implementation, including resizable behavior, we have a lot of new files that will need to be created. Apart from new images for the different components of the dialog, we also have to create new images for the resizing handles. The following files need to be replaced when skinning a dialog:
dialog-e.gif
dialog-n.gif
dialog-ne.gif
dialog-nw.gif
dialog-s.gif
dialog-se.gif
dialog-sw.gif
dialog-title.gif
dialog-titlebar-close.png
dialog-titlebar-close-hover.png
To make it easier to remember which image corresponds to which part of the dialog, these images are named after the compass points at...