In addition to the default style for the DbicDial control, the developer has the option to customize the look and feel of the control using the custom border, picture, and color properties.
The DialPicture property allows the developer to supply a picture to the dial to modify the appearance of the control to fit a particular theme or “skin”.
NOTE: When supplying an image to the control the image for the dial should be surrounded with a color to be identified as the MaskColor. Using a mask color allows the control to appear as transparent in its container.
Example:
The following image could be used to replace the default dial presentation.
![]()
DbicDial.Picture = <path to picture file or project resource>
NOTE: The blue color surrounding the dial portion of the image can be removed at design-time or at runtime by setting the control’s MaskColor to Blue.
DbicDial.MaskColor = Color.Blue
The control can be further customized using the Marker properties (MarkerPictureSize, MarkerPictureDown, and, MarkerPictureUp) that replace the default marker size and state pictures in the control. The marker is drawn on top of the dial picture and provides the handle by which the user interacts with the control.
Example:
The following images could be supplied to the control to customize the marker look and feel …
MarkerPictureDown Actual Size
MarkerPictureDown Enlarged
MarkerPictureUp Actual Size
MarkerPictureUp Enlarged
NOTE: In both images, the area surrounding the actual marker image to be used is colored the same blue as in the dial image described above.
When combined with a MaskColor of Blue, the dial is then represented as …
For a final presentation that appears …