Vue Diagram - toolbox.groups
Lists toolbox groups.
Use the groups property to customize the toolbox's content. You can populate it with default or custom groups.
category
Specifies the category of shapes that are displayed in the group.
Use the DiagramShapeCategory
enum to specify this property when the UI component is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: General
, Flowchart
, OrgChart
, Containers
, Custom
.
displayMode
Specifies how shapes are displayed in the toolbox.
Use the DiagramToolboxDisplayMode
enum to specify this property when the UI component is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: Icons
, Texts
.
shapes
Lists the shapes in the group. The built-in shape types are shown in the Shape Types section.
Use the DiagramShapeType
enum to specify this property when the UI component is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: Text
, Rectangle
, Ellipse
, Cross
, Triangle
, Diamond
, Heart
, Pentagon
, Octagon
, Star
, ArrowLeft
, ArrowTop
, ArrowRight
, ArrowBottom
, ArrowNorthSouth
, ArrowEastWest
, Process
, Decision
, Terminator
, PredefinedProcess
, Document
, MultipleDocuments
, ManualInput
, Preparation
, Data
, Database
, HardDisk
, InternalStorage
, PaperTape
, ManualOperation
, Delay
, StoredData
, Display
, Merge
, Connector
, Or
, SummingJunction
, VerticalContainer
, HorizontalContainer
, CardWithImageOnLeft
, CardWithImageOnTop
, CardWithImageOnRight
.
If you have technical questions, please create a support ticket in the DevExpress Support Center.