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.
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.
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);
}