DiagramToolboxSettings.Width Property
Specifies the toolbox width.
Namespace: DevExpress.Web.ASPxDiagram
Assembly: DevExpress.Web.ASPxDiagram.v24.2.dll
NuGet Package: DevExpress.Web
#Declaration
#Property Value
Type | Default | Description |
---|---|---|
Unit | "124" | The toolbox’s width. |
#Property Paths
You can access this nested property as listed below:
Object Type | Path to Width |
---|---|
ASPx |
|
#Remarks
Note
Some DevExpress Themes (such as the ‘Material’ or ‘Office365’) ignore the Width property value. Refer to following KB article for instructions on how to resolve this issue: Why some control settings are not in effect if the Theme property is used
<dx:ASPxDiagram ID="Diagram" runat="server" Width="100%" Height="600px">
<SettingsToolbox ShapeIconsPerRow="6" Width="250" ShowSearch="false">
<Groups>
<dx:DiagramToolboxGroup Category="General" />
<dx:DiagramToolboxGroup Category="Containers" />
<dx:DiagramToolboxGroup Category="Custom" CustomCategoryName="hardware" Title="Hardware" />
</Groups>
</SettingsToolbox>
<CustomShapes>
<dx:DiagramCustomShape CategoryName="hardware" Type="internet" ... >
...
</dx:ASPxDiagram>
The size of a shape in the toolbox is determined automatically based on the toolbox width and the number of shapes per row. You can use the ToolboxWidthToHeightRatio property to change the aspect ratio of a custom shape in the toolbox.