Siticone Logo
Siticone UI
DOCS
v2025.12.15
Docs Aura Group Box

Siticone Aura GroupBox

The SiticoneAuraGroupBox is a visually rich container control designed to group related UI elements with a modern, aesthetic flair. It features a gradient header, a customizable accent line, icon support, and high-quality rendering. Unlike standard GroupBoxes, it offers over a dozen built-in themes (like "Cyberpunk", "Midnight Dusk", and "Emerald Water") to instantly match your application's style.

Header Styling

Create stunning headers with gradients and icons.

Property Type Description & Usage Example
HeaderColor1 Color auraBox.HeaderColor1 = Color.White; The starting color of the header gradient.
HeaderColor2 Color auraBox.HeaderColor2 = Color.LightGray; The ending color of the header gradient.
HeaderGradientAngle float auraBox.HeaderGradientAngle = 45f; The angle of the gradient transition in degrees.
HeaderHeight int auraBox.HeaderHeight = 40; The vertical size of the header area in pixels.

Accent & Border

Add a distinct visual separation line and customize borders.

Property Type Description & Usage Example
AccentLineColor Color auraBox.AccentLineColor = Color.DeepSkyBlue; The color of the thin line separating header and content.
AccentLineThickness int auraBox.AccentLineThickness = 3; The thickness of the accent line. Set to 0 to hide.
BorderRadius int auraBox.BorderRadius = 12; Rounds the corners of the entire control container.
BorderColor Color auraBox.BorderColor = Color.Gray; The color of the outer boundary line.

Title & Icon

Configure the text labels and imagery in the header.

Property Type Description & Usage Example
Text string auraBox.Text = "Settings"; The title text displayed in the header.
TitleAlignment AuraTitleAlignment auraBox.TitleAlignment = AuraTitleAlignment.Center; Positions text to Left, Center, or Right.
TitleIcon Image auraBox.TitleIcon = Properties.Resources.Icon; Optional image displayed alongside the title text.
IconSize Size auraBox.IconSize = new Size(24, 24); Dimensions for scaling the title icon.

Performance

Optimization settings for resource-constrained environments.

Property Type Description & Usage Example
UltraFastPerformance bool auraBox.UltraFastPerformance = true; Disables gradients, icons, and complex rendering for maximum speed. Useful for forms with many controls.

Designer Experience

Includes a rich Smart Tag panel for instant customization.

Category Features
Theme Presets Instantly apply complex styles: Midnight Dusk, Emerald Water, Cyberpunk, Oceanic, Royal Gold, and more.
Quick Actions Toggle Accent Line: Show/hide the colored line under the header.
Remove Title Icon: Clear the icon image with one click.
Copy/Paste Copy Settings: Duplicate visual style to clipboard.
Paste Settings: Apply copied style to another AuraGroupBox.

Detailed Usage Examples

Example 1: Cyberpunk Dashboard Panel

Creates a dark, high-contrast panel with neon accents.

C# - Cyberpunk Style
private void SetupCyberPanel(SiticoneAuraGroupBox panel)
{
    panel.Text = "SYSTEM STATUS";
    
                // Dark Header Gradient
    panel.HeaderColor1 = Color.FromArgb(20, 20, 20);
    panel.HeaderColor2 = Color.FromArgb(40, 40, 40);
    
                // Neon Accent
    panel.AccentLineColor = Color.Cyan;
    panel.AccentLineThickness = 3;
    
                // Dark Body
    panel.FillColor = Color.FromArgb(30, 30, 30);
    panel.BorderColor = Color.Cyan;
    
                // Text Styling
    panel.TitleTextColor = Color.White;
    panel.TitleFont = new Font("Consolas", 12f, FontStyle.Bold);
    panel.TitleAlignment = SiticoneAuraGroupBox.AuraTitleAlignment.Center;
}

Example 2: Professional Info Card

A clean, professional layout for displaying user information.

C# - Professional Card
private void SetupInfoCard(SiticoneAuraGroupBox card)
{
    card.Text = "Employee Details";
    
                // Subtle Header
    card.HeaderColor1 = Color.WhiteSmoke;
    card.HeaderColor2 = Color.White;
    card.HeaderHeight = 40;
    
                // Branding Accent
    card.AccentLineColor = Color.RoyalBlue;
    card.AccentLineThickness = 2;
    
                // Clean Layout
    card.BorderRadius = 10;
    card.BorderColor = Color.LightGray;
    card.FillColor = Color.White;
    
                // Add Icon
    card.TitleIcon = Properties.Resources.UserIcon;
    card.IconSize = new Size(20, 20);
}