Tutorials > How to change the button appearance

The simplest way to change a button's appearance is to use, inside 3D Button Visual Editor, the Shape and Surface tabs. At run-time each of these properties can be referenced by name.

Note: The images below have hot links to take you to explanations of the various button settings.

3dabm_i0000b4

3dabm_i0000b5

Item name	Description	Corresponding property
Shape and orientation	Button's shape and orientation	Shape and Orientation
Surface type	Type of surface associated with the button	Surface
Special Effect	Special effect applied to the button border	SpecialEffect
Special Effect factor	Special effect factor applied to the button border	SpecialEffectFactor
Shadow Mode	Specifies the kind of shadow that will be displayed under the button	ShadowMode
Rectangle hard edges	Specifies if a rectangle shaped button will have hard edges	RectHardEdges
Flat pillow factor	Changes the aspect of a Flat Pillow surface	FlatPillowFactor
Smoothing factor	The amount of smoothing applied to the button surface	SmoothEdges
Corner factor	The corner factor applied to Rounded Rectangle and Gem shapes	CornerFactor
Raise factor	Changes the 3D height of the button	ButtonRaiseFactor
Slant factor	The kind of slant applied to parallelogram and trapeze shaped buttons	Slant
Shape head size factor	The head factor for certain kind of shapes like arrow and keyhole	ShapeHeadFactor
Shape line size factor	The line factor for certain kind of shapes like arrow and keyhole	ShapeLineFactor
Transparent factor	The level of alpha channel transparency applied to the button surface	SurfaceTransparentFactor
Transparent zone	The zone affected by alpha channel transparency when a special effect is applied	SurfaceTransparentZone
Shape mask preview	Preview of the picture that will be used as a mask for determining the shape for Custom shaped buttons	PictureCustom
Browse button	Browses the current PC folders for a picture that will be used as a mask for determining the shape for Custom shaped buttons
Delete button	Deletes the current picture used as a mask for determining the shape for Custom shaped buttons

Starting from version 8.10 of the control, there is the possibility, at runtime, to provide further custom drawing directly from your application code: see the How to perform custom graphic rendering over the control surface section for details.