Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

ToolbarRenderStyleMode Enum

Lists the Toolbar’s render style modes.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
public enum ToolbarRenderStyleMode

#Members

Name Description
Contained

The item is always filled with color and has borders.

Plain

The item is filled with color on hover or click but does not have borders and shadows.

#Related API Members

The following properties accept/return ToolbarRenderStyleMode values:

#Remarks

The ToolbarItemRenderStyleMode enumeration values specify how the Toolbar component renders its items. Note that the DxToolbarItem.RenderStyleMode property overrides the DxToolbar.ItemRenderStyleMode property value.

#Contained Mode

In this mode, an item is filled with the color specified by the RenderStyle property and has borders:

Razor
<div class="card p-2">
    <DxToolbar ItemRenderStyleMode="ToolbarRenderStyleMode.Contained">
        <DxToolbarItem Text="Info"
                       RenderStyle="ButtonRenderStyle.Info" />
        <DxToolbarItem Text="Success"
                       RenderStyle="ButtonRenderStyle.Success" />
    </DxToolbar>
</div>

#Plain Mode

In this mode, an item is filled with the toolbar’s background color and does not have borders or shadows. The color on hover or click is specified by the RenderStyle property:

Razor
<div class="card p-2">
    <DxToolbar ItemRenderStyleMode="ToolbarRenderStyleMode.Plain">
        <DxToolbarItem Text="Info"
                       RenderStyle="ButtonRenderStyle.Info" />
        <DxToolbarItem Text="Success"
                       RenderStyle="ButtonRenderStyle.Success" />
    </DxToolbar>
</div>

Run Demo: Toolbar - Render Style

See Also