All docs
V20.2
20.2
20.1
19.2
The page you are viewing does not exist in version 19.2. This link will take you to the root page.
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.

DiagramToolboxSettings.Width Property

Specifies the toolbox width.

Namespace: DevExpress.Web.ASPxDiagram

Assembly: DevExpress.Web.ASPxDiagram.v20.2.dll

Declaration

[DefaultValue(typeof(Unit), "124")]
public Unit Width { get; set; }
<DefaultValue(GetType(Unit), "124")>
Public Property Width As Unit

Property Value

Type Default Description
Unit

"124"

The toolbox's width.

Property Paths

You can access this nested property as listed below:

Library Object Type Path to Width
ASP.NET Controls and MVC Extensions ASPxDiagram
ASP.NET MVC Extensions DiagramSettings
MVCxDiagram

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>

Diagram toolbox

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.

See Also