DxToolbarBase.ItemRenderStyleMode Property

Specifies the common Toolbar item's color filling type.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.dll

Declaration

[Parameter]
[DefaultValue(ToolbarRenderStyleMode.Contained)]
public ToolbarRenderStyleMode ItemRenderStyleMode { get; set; }

Property Value

Type Default Description
ToolbarRenderStyleMode

Contained

A ToolbarRenderStyleMode value.

Remarks

Use the ItemRenderStyleMode property to specify the color filling mode for all Toolbar items.

Contained Mode

In this mode, an item is filled with the color specified by the RenderStyle property.

<DxToolbar ItemRenderStyleMode="ToolbarRenderStyleMode.Contained">
    <DxToolbarItem Text="Info" 
                   RenderStyle="ToolbarItemRenderStyle.Info" />
    <DxToolbarItem Text="Success" 
                   RenderStyle="ToolbarItemRenderStyle.Success" />
    <DxToolbarItem IconCssClass="oi oi-warning" 
                   BeginGroup="true" 
                   RenderStyle="ToolbarItemRenderStyle.Danger" 
                   Text="Danger" />
    <DxToolbarItem IconCssClass="oi oi-warning" 
                   Text="Auto" />
    <DxToolbarItem IconCssClass="oi oi-warning" 
                   RenderStyle="ToolbarItemRenderStyle.Warning" 
                   Text="Warning" />
</DxToolbar>

Toolbar Item Render Style

Plain Mode

In this mode, an item is filled with the toolbar's background color. When a user hovers the mouse pointer over the item, it uses the color specified in the RenderStyle property.

<DxToolbar ItemRenderStyleMode="ToolbarRenderStyleMode.Plain">
    <DxToolbarItem Text="Info" 
                   RenderStyle="ToolbarItemRenderStyle.Info" />
    <DxToolbarItem Text="Success" 
                   RenderStyle="ToolbarItemRenderStyle.Success" />
    ...
</DxToolbar>

Toolbar Item Render Style

NOTE

Online Demo: Toolbar - Render Style

See Also