Siticone Vertical Separator

The SiticoneVSeparator is a specialized layout control for creating vertical dividers in forms, toolbars, and dashboards. It mirrors the functionality of the horizontal separator but is optimized for vertical space, featuring the same advanced segmentation, parallel line support, and smooth state animations.

Visual Styling

Define the core appearance of the separator line.

Property	Type	Description & Usage Example
`SeparatorDashStyle`	CustomDashStyle	sep.SeparatorDashStyle = CustomDashStyle.Dot; Sets the line pattern. Options include Solid, Dash, Dot, DashDot, and custom patterns.
`LineColor`	Color	sep.LineColor = Color.DarkGray; The main color of the separator line.
`LineWidth`	int	sep.LineWidth = 2; Thickness of the line in pixels.
`GradientMode`	LinearGradientMode	sep.GradientMode = LinearGradientMode.TopToBottom; Enables vertical gradient rendering (TopToBottom or BottomToTop).
`GradientStartColor`	Color	The starting color for the gradient.
`GradientEndColor`	Color	The ending color for the gradient.

Structure & Geometry

Customize the physical layout, enabling complex multi-line or segmented designs.

Property	Type	Description
`Segments`	int	sep.Segments = 10; Divides the line into N vertical sections separated by gaps.
`SegmentSpacing`	int	Vertical pixel distance between segments.
`ShowSegmentNumbers`	bool	Displays numeric labels next to each segment, useful for rulers or scales.
`ParallelLines`	int	sep.ParallelLines = 2; Draws multiple copies of the line side-by-side horizontally.
`ParallelLineSpacing`	int	Horizontal distance between parallel lines.

Animation & Performance

Controls for state transitions and rendering optimization.

Property	Type	Description
`EnableAnimations`	bool	sep.EnableAnimations = true; If true, property changes (color, width, spacing) animate smoothly over time.
`UltraFastMode`	bool	sep.UltraFastMode = true; Disables gradients, anti-aliasing, and animations for maximum rendering speed.

Usage Examples

Example 1: Toolbar Separator

A standard vertical line to separate groups of icons in a toolbar.

C# - Toolbar Divider

private void SetupToolbarSeparator()
{
    vSep.LineColor = Color.FromArgb(200, 200, 200);
    vSep.LineWidth = 1;
    vSep.SeparatorDashStyle = CustomDashStyle.Solid;
    vSep.Size = new Size(10, 40);
    vSep.Padding = new Padding(4, 0, 4, 0);
}

Example 2: Vertical Ruler

Creating a visual scale using segments and numbering.

C# - Ruler Scale

private void CreateVerticalRuler()
{
    ruler.Segments = 10;
    ruler.SegmentSpacing = 15;
    ruler.ShowSegmentNumbers = true;
    ruler.SegmentNumberColor = Color.DimGray;
    
    ruler.LineWidth = 2;
    ruler.LineColor = Color.Black;
    
                // Animate changes for a dynamic effect
    ruler.EnableAnimations = true;
}

Example 3: Double-Line Border

Using parallel lines to create a stylish border effect.

C# - Decorative Border

private void SetupDoubleBorder()
{
    borderSep.ParallelLines = 2;
    borderSep.ParallelLineSpacing = 4;
    borderSep.LineWidth = 1;
    borderSep.SeparatorDashStyle = CustomDashStyle.Solid;
    borderSep.LineColor = Color.FromArgb(100, 100, 100);
}

Example 4: Gradient Indicator

A vertical gradient line that fades from one color to another.

C# - Gradient Effect

private void SetupGradient()
{
    gradSep.GradientMode = LinearGradientMode.TopToBottom;
    gradSep.GradientStartColor = Color.Transparent;
    gradSep.GradientEndColor = Color.DodgerBlue;
    gradSep.LineWidth = 3;
}

Designer Support

Includes a comprehensive Smart Tag panel for quick configuration. Check the smart tags or properties to see the available options.