The RadFloatingActionButton exposes the
ThemeColor properties allowing various different predefined styling options for customizing the appearance of the control:
Size— configures the overall size of the component.
Shape— configures the shape of the component.
ThemeColor— configures what color will be applied to the component.
Test the various settings in the Appearance Demo for the RadFloatingActionButton
Size property controls how big or small the rendered RadFloatingActionButton looks.
The following values are available for the size option:
- "Medium" (Default Value)
Shape property controls if the RadFloatingActionButton has square, shape or pill.
The following values are available for the shape option:
- "Pill" (Default Value)
ThemeColor property controls the color that will be applied to the rendered RadFloatingActionButton.
The following values are available for the themeColor option:
- Primary (Default Value)
The following example demonstrates sample configuration of the
<telerik:RadFloatingActionButton runat="server" Icon="home" Align="BottomEnd" Text="My Profile" ThemeColor="Warning" Shape="Rectangle" Size="Large"> </telerik:RadFloatingActionButton>