ToolbarItem.AdaptiveText Property
Specifies the item’s text that is displayed when the item is hidden in the adaptive drop-down menu.
Namespace: DevExpress.Blazor.Reporting.Models
Assembly: DevExpress.Blazor.v24.2.Viewer.dll
NuGet Package: DevExpress.Blazor.Viewer
#Declaration
public string AdaptiveText { get; set; }
#Property Value
Type | Description |
---|---|
String | A String value that specifies the menu item text. |
#Remarks
The toolbar’s layout is adaptive: when the browser window is resized, the toolbar hides its items in a drop-down menu starting from the right-most item. Use the AdaptiveText property to specify the item’s text in the adaptive drop-down menu.
The following code prints the toolbar item identifiers along with their AdaptiveText values to help you understand what happens when the user resizes the browser window:
<DxReportViewer @ref="reportViewer" OnCustomizeToolbar="OnCustomizeToolbar">
</DxReportViewer>
@code {
DxReportViewer reportViewer { get; set; }
void OnCustomizeToolbar(ToolbarModel toolbarModel)
{
foreach (var item in toolbarModel.AllItems)
{
string message = String.Format(" | {0} | {1} | {2} |",
item.Id, item.AdaptiveText, item.AdaptivePriority);
System.Diagnostics.Debug.Print(message);
}
}
}
The result is shown below.
Id | Adaptive |
Adaptive |
---|---|---|
First |
First Page | 2 |
Previous |
Previous Page | 1 |
Page |
0 | |
Next |
Next Page | 1 |
Last |
Last Page | 2 |
Highlight |
Highlight Editing Fields | 2 |
Zoom |
Zoom Out | 3 |
Zoom | 0 | |
Zoom |
Zoom In | 3 |
0 | ||
Export |
Export To | 2 |
Cancel |
Cancel Document Creation | 2 |