Customizing the selection border in the network and equipment
Customizing the selection border is based on the following properties.
CSS properties for object selection border in the network and equipment components
Property Name | Type | Default Value | Description |
selectable | boolean | true | Defines whether an object is selectable or not in the graphic component. |
selectionBorderForeground | Color | white | Defines the foreground color used to draw the selection border. |
selectionBorderBackground | Color | null | Defines the background color used to draw the selection border. This property is only considered if the selection border line style is not solid. |
selectionBorderWidth | int | 2 | Defines the width of the selection border. |
selectionBorderLineStyle | float[] | Solid(null) | Defines the line style used to draw the selection border. |
How to customize the object selection border in the network and equipment components
The following example shows you how to customize the selection border displayed around the object in the network and equipment graphic components.
The example sets a dashed yellow selection border with a width of 2 pixels.
object {
selectionBorderLineStyle: "3,3";
selectionBorderForeground: yellow;
selectionBorderWidth: 2;
}
Copyright © 2018, Rogue Wave Software, Inc. All Rights Reserved.