📚
Siticone Docs
HomePricing PlansSuggest a FeatureMy LicenseChangelogDownloads
  • Dear Developer!
  • Quick Start Guide
    • Install Siticone UI Library
    • Register for 1 month free trial
    • Register for Premium License
  • Net Framework | Net Core UI
    • Input Controls
      • Siticone TextBox
        • Appearance and Styling
        • Text and Placeholder Config.
        • Input, Validation and Read-Only Behavior
        • User Interaction & Shortcuts
        • System Theme Integration
        • Events and Callbacks
      • Siticone TextArea
        • Always Multiline
        • Custom Font
        • Vertical Scrollbars
        • Border-less Design
        • Dynamic Resizing
        • Margin Spacing
      • Siticone CheckBox
        • Visual Style
        • State Management
        • Interaction Effects
        • Container Layout
        • Container Style
        • Container States
        • State Colors
        • Border Configuration
        • Layout
        • Focus Appearance
        • Text Property
        • Trigger Feedback
      • Siticone RadialButton
        • Appearance
        • Behavior
        • Layout Management
        • User Assistance
        • Animation Timing
        • Events and Callbacks
      • Siticone ToggleButton
        • Toggle Functionality
        • Appearance and Text
        • Border Settings
        • Corner Radius
        • Animation Settings
        • Ripple & Interaction Effects
        • Read-only and Feedback
        • Sizing and Layout
        • Context Menu Integration
        • State Persistence
        • Accessibility
        • Events and Callback
      • Siticone ToggleSwitch
        • Core Toggle Functionality
        • Appearance and Theming
        • Logging and Diagnostics
        • Interactive Effects
        • Labels and Icons
        • Audio Feedback
        • Thumb Customization
        • Animation Settings
        • Context Menu Integration
        • Tool-tip Capabilities
        • Events and Callbacks
      • Siticone UpDown
        • Behavior and Data Config
        • Appearance Customization
        • Feedback and Animation
        • Events and Callbacks
      • Siticone PhoneNumberBox
        • Page 1
        • Phone Number Config
        • Country Flag Display
        • Shadow Effects
        • Input Validation
        • Border and Background
        • Placeholder and Animation
        • Text & Cursor Customization
        • Font and Text Style
        • Corner and Fill Config
        • System Theme (Preview)
        • Public Methods & Text
        • Events and Callbacks
      • Siticone Otp
        • Security & Input Protection
        • Interactive Feedback
        • Input Validation
        • Box Appearance & Layout
        • Data Extraction & Display
        • State Analysis
        • Events and Callbacks
        • Additional Public Methods
    • Buttons and Elements
      • Siticone Button
        • Animation Effects
        • Theme & System Integration
        • User Assist & Interaction
        • Layout & Content
        • Visual Effects & Styling
        • Badge Configuration
        • Manage State & Behavior
        • Performance and Rendering
        • Events for Control Updates
      • Siticone TileButton
        • Animation Effects
        • Color Settings
        • Visual Style
        • Icon Settings
        • Advanced Styling
        • Badge Display
        • Loading Indicator
        • State Management
        • Tool-tip Settings
        • Accessibility
        • Corner Radius
      • Siticone ImageButton
        • Content Presentation
        • Interaction and Behavior
        • Feedback and Animations
        • Visual Style and Layout
        • Badge Features
        • Theme Integration
        • Events and Callbacks
      • Siticone MenuButton
        • Appearance and Visual Style
        • Icon Customization
        • Animation Features
        • Behavior and Interaction
        • Events and Callbacks
      • Siticone CloseButton
        • Appearance Customization
        • Animation and Visual Effects
        • Behavioral Settings
        • Accessibility Features
        • Tool-tip Configuration
        • Countdown Display Config
        • Events and Callbacks
      • Siticone CopyButton
        • Appearance & Visual Effects
        • Corner and Shape Config
        • Behavior & Target Copy
        • Notification Customization
        • Context Menu Customization
        • Accessibility Features
        • Events and Callbacks
      • Siticone DashboardButton
        • Visual Effects
        • Visual Appearance
        • Notification Badge
        • Selection Indicator
        • Layout and Text
        • State Management & Colors
        • Animation Settings
        • Shape Customization
        • Accessibility
        • User Interaction Events
      • Siticone NavBackButton
        • Behavior and Feedback
        • Visual Appearance
        • Dimensions & Icon Styling
        • Animation Effects
        • Visual Style Enhancements
        • Events and Callbacks
      • Siticone NavForwardBtn
        • Behavior & Read-Only Config
        • Icon Customization
        • Colors & Visual Feedback
        • Button Dimensions & Shape
        • Animation Features
        • Visual Style and Effects
        • Events for Animation
        • Control Overrides
        • Events and Callbacks
      • Siticone NotificationBtn
        • Tool-tip Features
        • Layout & Size Customization
        • Bell Appearance & Behavior
        • Badge (Count) Features
        • Interaction and Gesture
        • Visual Effects and Animation
        • Visual Style and Shadow
        • Additional Behavior Settings
        • Events for Feedback
        • Events and Callbacks
      • Siticone PlayPauseBtn
        • Progress Indicator
        • Animation Effects
        • Visual Style
        • Shape Customization
        • Shape Customization
        • Icon Customization
        • Behavior
        • Events and Callbacks
    • Container and Layout
      • Siticone Panel
        • Border Customization
        • Corner Curvature
        • Background Appearance
        • Gradient Effects
        • Interactive Ripple Effects
        • Backdrop Effects
        • Event Notifications
      • Siticone AdvancedPanel
        • Essential Styling
        • Motion and Animation
        • Color and Gradient
        • Depth and Shadow
        • Border Enhancements
        • Interactive States
        • Background Effects
        • Content Management
        • Events and Callback
      • Siticone FlatPanel
        • Appearance and Styling
        • Performance & Rendering
        • Design-Time Integration
      • Siticone FlowPanel
        • Appearance & Visual Effects
        • Layout Customization
        • Performance Optimization
        • Interaction and Behavior
        • Theme & DPI Integration
        • Events and Callbacks
      • Siticone Container
        • Color and Gradients
        • Border Design and Styling
        • Corner and Shape Config
        • Shadow & Elevation Effects
        • Interactive and Animations
        • Badge Configuration
        • Content Management
        • Context Menu Integration
        • Dragging and Interaction
        • Security and Feedback
        • Events and Callbacks
      • Siticone SplitContainer
        • Event Handling
        • Splitter Movement & Behavior
        • Animation & Smooth Drag
        • Appearance and Styling
        • State Management
        • Accessibility & Keyboard Navigation
        • Context Menu Integration
        • System Theme Integration
        • Drag and Drop Panel Reordering
      • Siticone GroupBox
        • Theming and Aesthetics
        • Border & Edge Effects
        • Text & Title Styling
        • Layout Configuration
        • Chevron Styling
        • Badge Config & Animation
        • Collapsible Features
        • Interaction Behavior & Events
        • Status Elements
      • Siticone NativeGroupBox
        • Border Customization
        • Appearance & Layout
      • Siticone DragPanel
        • Layout Customization
        • Appearance Customization
        • Rendering Quality
        • Interactive Behavior
      • Siticone Card
        • Color and Gradients
        • Border Config & Styling
        • Corner and Shape Config
        • Shadow and Elevation
        • Interactive Effects and Animations
        • Hover Effects
        • Visual Effects
        • Badge Configuration
        • Security and Feedback Settings
        • Dynamic Content & Context Menu
        • Drag-and-Drop Interaction
        • Front-Facing Events
      • Siticone TabControl
        • General Layout and Sizing
        • Appearance and Color Customization
        • Close Button Customization
        • Pin Functionality
        • Tab Management and Navigation
        • Animation and Visual Effects
        • Context Menu Customization
        • Events and Callbacks
      • Siticone Workbook (Preview)
    • Progress and Loading
      • Siticone HProgressBar
        • Rounded Corners & Shape Customization
        • Progress Value & Range Management
        • Orientation & Layout
        • Animation & Indeterminate Mode
        • Progress State Colors & Thresholds
        • Gradient & Bar Styling
        • Label & Tooltip Customization
        • Read‑Only Mode
        • Ripple Effects
        • User Experience Enhancements
        • System Theme Tracking
        • Events and Callbacks
      • Siticone VProgressBar
        • Appearance & Styling
        • Behavior, Animation & Interaction
        • System Integration & Events
      • Siticone HBarsProgress
        • Animation Control
        • Progress Value Management
        • Appearance and Styling
        • Display and Interaction
        • Events and Callbacks
      • Siticone VBarsProgress
        • Animation Features
        • Progress and Range Settings
        • Line Configuration
        • Color and Appearance
        • Display Options
        • User Interaction
        • Events and Callbacks
      • Siticone HLineProgress
        • Range Settings
        • Animation Settings
        • Color and Gradient Design
        • Visual Effects
        • Pulse Animation Settings
        • Corner Radius Customization
        • Page
      • Siticone VLineProgress
        • Range Settings
        • Animation Settings
        • Color and Gradient Customization
        • Background and Highlight Effects
        • Pulse Animation Settings
        • Corner Radius Settings
      • Siticone CircularSpinner
        • Visual Customization
        • Geometry and Layout
        • Motion and Animation
        • Progress Indication
        • Events
      • Siticone LoadingSpinner
        • General Control Methods & Events
        • Animation Settings
        • Appearance & Visual Customization
        • Progress Display Customization
        • Size & Radius Customization
        • Ring & Spoke Customization
        • Special Effects
        • Events and Callbacks
      • Siticone RadialProgress
        • Core Configuration
        • Visual Styling
        • Interaction and Control
        • Animation and Motion
        • Advanced Effects & Readonly State
        • Color Customization
        • Indeterminate Mode
        • Events
      • Siticone SmoothCSpinner
        • Appearance Customization
        • Animation Control
        • Arc Dimension Settings
      • Siticone SmoothLProgress
        • Dual-Bar Behavior
        • Visual Appearance
        • Motion Dynamics
        • Animation Control
    • Sliders and Range
      • Siticone HSlider
        • Appearance and Layout
        • Read-Only Customization
        • Visual Effects & Animations
        • Interaction & Behavior
        • Data Binding & State Management
        • Events & Accessibility
        • Built-In Context Menu Operations
      • Siticone VSlider
        • Data & Value Management
        • Appearance Customization
        • Read-Only Mode Appearance
        • Visual Effects & Animations
        • Interaction & Feedback Settings
        • Events & Event Handling
        • State Management
        • Accessibility & Data Binding Support
      • Siticone HTrackBar
        • Data & Value Management
        • Appearance Customization
        • Animation & Interaction Effects
        • Behavior & Interaction
        • Accessibility & Data Binding
        • Events
      • Siticone VTrackBar
        • Value and Range Configuration
        • Appearance Customization
        • Animation and Interaction Customization
        • Feedback Mechanisms
        • Context Menu and Tooltip Features
        • Accessibility and Keyboard Support
        • State Management and Data Binding
        • Events
      • Siticone HRangeSlider
        • Behavior & Value Management
        • Appearance Customization
        • User Interaction
        • Events
      • Siticone HRangeTrackBar
        • Behavior Settings
        • Appearance Settings
        • Event Handling
        • Built-In Context Menu Functionality
        • Keyboard and Mouse Interaction
    • Data Display and Grid
      • Siticone DataGrid
        • Data Management & Binding
        • Theming and Appearance Customization
        • Behavior & Interaction
        • Built-In Data Import/Export and Encryption
        • Search and Filtering Capabilities
        • Text Formatting and Cell Styling (Ribbon Toolbar)
        • User Interaction Enhancements
        • Events and Callbacks
      • Siticone Label
        • Text and Content
        • Transparent Background
        • Layout & Rendering Enhancements
        • Standard Layout Properties (Inherited)
      • Siticone LinkedLabel
        • Text and Link Behavior
        • Color Properties
        • Font and Appearance
        • Events
      • Siticone ShimmerLabel
        • Shimmer Appearance
        • Shimmer Behavior
        • Shimmer Text
    • Form Design Framework
      • Siticone Form
        • Window Behavior & Layout
        • Title Bar Customization
        • Control Box (Window Buttons) Customization
        • Theme and Appearance
        • Animation & Visual Effects
        • Events and Public Methods
      • Siticone EmptyForm
        • Visual Appearance & Styling
        • Rendering and Performance Enhancements
      • Siticone DragForm
        • Drag Functionality
        • Accessibility and Keyboard Navigation
        • Performance Optimizations
        • Appearance Customization
    • Gauges and Measurement
      • Siticone GaugeClock
        • Value Hand Customization
        • Core Appearance & Theme
        • Typography & Labeling
        • Gauge Configuration & Value Range
        • 3D Effects and Metallic Appearance
        • Visual Effects and Enhancements
        • Gradient Customization
        • Display & Format Options
        • Scale and Tick Mark Configuration
        • Animation & Interaction
        • Export/Import and Context Menu Options
        • Section Management
        • Events and Callbacks
      • Siticone GaugeDigital
        • Gauge Core Settings
        • LED Display Settings
        • Visual Style and Themes
        • 3D Effects
        • Lighting Effects
        • Typography and Scale
        • Custom Gradients and Texture
        • Animation and Interactivity
        • Context Menu Operations
        • Events
      • Siticone GaugeNumeric
        • Gauge Display & Value
        • Scale and Markers
        • Typography & Text
        • Color Customization
        • 3D and Special Effects
        • Interaction & Tool-tip
        • Additional Features & Events
      • Siticone GaugeZone
        • ZonePasswordForm (Password Dialog Control)
        • Control Features
    • Chip and Group Controls
      • Siticone Chip
        • Appearance & Color Scheme
        • Corner and Shape Customization
        • Visual Effects
        • Interaction & Behavior
        • Close Button Customization
        • Selection Indicator Customization
        • Visual Content
        • Events
      • Siticone GroupChip
        • Group Management
        • Visual Effects
        • State Colors
        • Close Button Styling & Layout
        • Selection Indicator
        • Visual Elements
        • Color Scheme
        • Border Customization
        • Corner Customization
        • Interactive Features
        • Animation Settings
        • Behavior
        • Events
      • Siticone GroupChipPanel
        • Drag-and-Drop Customization
        • Chip Selection Customization
        • Chip Management API
        • Chip Events
      • Siticone GroupButton
        • Material Design Effects
        • Surface Styling
        • Screen Reader Support
        • Alert System (Badge Features)
        • Selection and Interactive States
        • Selection Markers and Indicator Customization
        • Content Layout
        • Animation and Motion
        • Corner and Shape Customization
        • Events and Callbacks
    • Media and Graphics
      • Siticone Audio
        • Basic Behavior and State
        • Appearance Customization
        • Sound Wave Animation and Style
        • Visual Effects and Animations
        • Events and Callbacks
      • Siticone PictureBox
        • Image Loading and Display
        • Layout and Sizing
        • Shape and Border Config
        • Image Quality and Effects
        • Image Transformations
        • Slideshow Functionality
        • Interaction & Behavior
        • Performance & Display
      • Signature Pad
        • Context Menu Customization
        • Template Customization
        • Animation Features
        • Stroke Aesthetics and Dynamics
        • Input Processing and Guides
        • Visual Guides
        • Rendering Quality
        • Performance
        • User Experience
        • Public Methods for Signature Handling
        • Public Events for Integration
        • Events
    • Separator Controls
      • Siticone HSeparator
        • Segment Configuration
        • Line Multiplication
        • Visual Styling
      • Siticone VSeparator
        • Segment Configuration
        • Line Multiplication
        • Visual Styling
        • Enumerations
    • Utility Controls
      • Siticone BackgroundWkr
        • Worker Initialization and Configuration
        • Custom Progress Reporting Functionality
      • Siticone SystemInfo
        • System and Service Information
        • Security and User Information
        • Performance and Memory Metrics
        • System Hardware and Operating System Details
        • Peripherals and Additional Devices
        • Hardware (Detailed)
        • Display Details
        • Network Information
        • Configuration Options
        • Methods for Data Retrieval and Export
        • Events and Callbacks
      • Siticone TaskbarBadgeS.
        • Badge Display & Formatting
        • Animation Effects
        • Notification Effects
        • Flash / Highlight Effects
        • System Theme Integration
        • Parent Form Integration
        • Events and Callbacks
      • Siticone ThemeSwitcher
        • Layout and Spacing
        • Visual Effects and Animation
        • Icon Customization
        • Border and Corner Configuration
        • Color Scheme
        • Behavior and State
        • Accessibility
      • Siticone ThemeTracker
        • Theme and Accent Information
        • Theme Application and Automation
        • Theme & Accent Events
        • Initialization
      • Siticone IdGen
        • Unique ID Customization
        • Character Set Customization
        • ID Generation Strategy and Distribution Settings
        • ID Generation and Collision Handling
    • Data Formatting and Display
      • Siticone Humanizer Date..
        • Data Management
        • Formatting Settings
        • Calculation Options
        • Custom Translations
      • Siticone HumanizerDec..
        • Input Value Configuration
        • Automatic Humanized Output
        • Customizable Humanization
      • Siticone HumanizerFloat
        • Formatting Features
        • Validation Features
        • Currency Features
        • Localization Features
        • Value and Precision Features
        • Read-Only Display Features
        • Additional Public Methods
        • Enumerations (for Customization)
      • Siticone HumanizerInt
        • Core Number Conversion
        • Text Customization and Styling Options
        • Number Scale & Localization
        • Currency Features
        • Performance and Asynchronous Processing
        • Caching Mechanism and Management
        • Settings Change Notifications
      • Siticone HumanizerLong
        • Core Number Conversion
        • Formatting and Localization Options
        • Security and Data Integrity
        • Performance and Caching
        • Events for Developer Integration
    • Special Purpose Controls
      • Siticone CardNumber
        • Appearance Customization
        • Credit Card Specific Features
        • Input and Validation
        • Read-Only Customization
        • Shadow & Animation Effects
        • Selection and Text Editing
        • Context Menu Support
        • Credit Card Events
      • Siticone CopyUrl
        • URL Display and Core Functionality
        • Icon Management
        • Copy Button Customization
        • Text Styling
        • Background & Border Styling
        • Corner Styling
        • Animation Effects
        • Interaction Behavior
        • Notification System
        • Additional Built-In Features
      • Siticone Rating
        • Rating Functionality
        • Appearance Customization
        • Layout and Sizing Customization
        • Behavior Customization
        • Animation Customization
        • Focus and Accessibility Customization
        • Right‑Click Context Menu Customization
      • Siticone RatingEmoji
        • Theme Management
        • Emoji Customization
        • Visual Enhancement
        • Selection and Rating
        • Animation and Interaction Dynamics
        • User Feedback
        • Data Persistence
Powered by GitBook
On this page
  • Overview
  • Key Points
  • Best Practices
  • Common Pitfalls
  • Usage Scenarios
  • Code Examples
  • Review
  • Summary
  • Additional Recommendations
  1. Net Framework | Net Core UI
  2. Input Controls
  3. Siticone Otp

Events and Callbacks

This feature exposes a rich set of events that allow developers to integrate custom logic and behaviors into the control’s lifecycle, ensuring seamless synchronization with specific requirements, etc.

Overview

Events for Custom Integration provide hooks into the control’s operations—from input progression and validation to state changes and visual formatting. These events enable developers to react in real time to user interactions and internal changes, thereby facilitating custom processing, logging, and UI updates.


Key Points

Key Point
Description

Input Completion

The InputCompleted event signals that all digit boxes have been filled, delivering both numeric and string representations of the entered code.

Digit-Level Feedback

The DigitEntered and DigitCleared events provide granular notifications whenever a digit is entered or removed, allowing for real-time processing and UI updates.

Selection Change Notification

The SelectionChanged event notifies subscribers when the active digit box changes, enabling custom navigation or focus behaviors.

Auto-Clear Warnings

The AutoClearWarning event provides a pre-clear countdown, giving developers the opportunity to cancel the auto-clear if needed.

Value and Format Updates

The ValueChanged and FormattedCodeChanged events allow custom logic to respond whenever the overall input value or its formatted presentation is updated.

Dynamic Sizing Feedback

The SizeRequested event informs subscribers about the dynamically calculated size of the control, enabling better layout management in complex UIs.

Input Validation Notifications

The ValidationFailed event raises alerts when invalid input is detected, delivering detailed information on the index and value of each invalid character.


Best Practices

Best Practice
Recommendation

Integrate Early in the Input Lifecycle

Subscribe to input events (e.g., DigitEntered and ValueChanged) early in the control’s lifecycle to ensure that any user interaction triggers the desired custom behaviors immediately.

Use Detailed Event Data

Leverage the rich event arguments provided by events such as InputCompleted and ValidationFailed to log detailed diagnostics or to prompt users with specific corrective actions.

Implement Robust Error Handling

Use the AutoClearWarning and ValidationFailed events to implement fallback or correction logic, ensuring that users are informed and guided when input does not meet expected standards.

Coordinate UI Updates with Size and Format Changes

Use the SizeRequested and FormattedCodeChanged events to synchronize custom UI elements with the control’s dynamic layout and formatting updates, ensuring consistency across the application.


Common Pitfalls

Pitfall
Explanation
Mitigation

Ignoring Partial Input Feedback

Failing to handle events such as DigitEntered or DigitCleared may leave the application unaware of changes in input, causing UI elements to fall out of sync.

Always subscribe to input-related events to keep the UI updated in real time.

Overlooking Event Cancellation Opportunities

Not handling the AutoClearWarning event properly might result in unintended data clearance during critical user operations.

Implement cancellation logic in the AutoClearWarning event to allow the application to postpone auto-clear based on user interaction or context.

Inconsistent Event Handling

Handling events in an inconsistent or delayed manner may lead to glitches, such as incorrect formatting or delayed validations.

Ensure that event handlers are efficient and update the UI or business logic synchronously with the control’s state changes.

Redundant Subscriptions

Subscribing to the same event multiple times or without proper cleanup can cause unexpected behavior and performance issues.

Carefully manage event subscriptions, especially in dynamic UI scenarios, to avoid multiple handlers performing the same actions.


Usage Scenarios

Scenario
Description
Implementation Example

Processing Completed Input

After the user fills all digit boxes, process the input code immediately for authentication, verification, or submission.

Subscribe to the InputCompleted event to trigger the next step in the authentication flow once the code is fully entered.

Providing Instant Digit Feedback

Update a visual indicator or log changes as each digit is entered or cleared, offering immediate feedback to users and tracking the input process.

Use the DigitEntered and DigitCleared events to update a progress bar or log entries that reflect real-time changes in the input.

Customizing Navigation Behavior

Change the focus or visual highlighting when the active digit box changes, facilitating a tailored navigation experience within the control.

Handle the SelectionChanged event to customize navigation logic or to update visual cues that guide the user through the digit boxes.

Preempting Auto-Clear Actions

Before the control auto-clears sensitive input, warn the user or delay the clearance based on application-specific criteria.

Use the AutoClearWarning event to intercept the auto-clear process and implement custom logic to cancel or postpone the clearance.

Adapting to Dynamic Size Changes

Adjust surrounding UI elements based on the control’s calculated size, ensuring consistent layout and alignment in responsive interfaces.

Subscribe to the SizeRequested event to receive the control’s size updates and resize or reposition related elements accordingly.

Logging and Debugging Input Validation

Track and respond to invalid input attempts by logging detailed information, thereby enabling easier debugging and better user feedback.

Handle the ValidationFailed event to log the index and value of each invalid character and to display custom error messages or guidance to the user.


Code Examples

Example 1: Processing Input Completion

// Create an instance of the control
SiticoneOtp otpControl = new SiticoneOtp();

// Subscribe to the InputCompleted event to process the complete code
otpControl.InputCompleted += (sender, e) =>
{
    // Retrieve both numeric and string representations
    int codeNumber = e.EnteredCodeAsInt;
    string codeString = e.EnteredCodeAsString;
    Console.WriteLine($"Input complete. Code (string): {codeString}, Code (int): {codeNumber}");
    
    // Proceed with authentication or verification logic
    AuthenticateUser(codeNumber);
};

// A dummy method for demonstration
void AuthenticateUser(int code)
{
    // Custom authentication logic here
    Console.WriteLine($"Authenticating user with code: {code}");
}

// Add the control to your form
this.Controls.Add(otpControl);
otpControl.Location = new Point(50, 50);

Example 2: Responding to Digit-Level Events

// Create an instance of the control
SiticoneOtp otpControl = new SiticoneOtp();

// Subscribe to the DigitEntered event to log and update UI dynamically
otpControl.DigitEntered += (sender, e) =>
{
    Console.WriteLine($"Digit entered at index {e.Index}: {e.Digit}");
    
    // Optionally update a progress indicator based on e.IsComplete flag
    if (e.IsComplete)
    {
        Console.WriteLine("All digits have been entered.");
    }
};

// Subscribe to the DigitCleared event to log and notify the user
otpControl.DigitCleared += (sender, e) =>
{
    Console.WriteLine($"Digit cleared at index {e.Index}. Previous value was '{e.PreviousValue}'.");
};

// Add the control to your form
this.Controls.Add(otpControl);
otpControl.Location = new Point(50, 120);

Example 3: Custom Handling of Auto-Clear Warning

// Create an instance of the control
SiticoneOtp otpControl = new SiticoneOtp();

// Enable auto-clear and set a delay
otpControl.AutoClearEnabled = true;
otpControl.AutoClearDelaySeconds = 30;

// Subscribe to the AutoClearWarning event to intercept auto-clear
otpControl.AutoClearWarning += (sender, e) =>
{
    Console.WriteLine($"Warning: Input will be cleared in {e.RemainingSeconds} seconds.");
    
    // Optionally cancel auto-clear based on custom logic
    if (UserIsStillInteracting())
    {
        e.Cancel = true; // Prevent the control from auto-clearing the input
        Console.WriteLine("Auto-clear canceled due to user activity.");
    }
};

bool UserIsStillInteracting()
{
    // Insert logic to determine if the user is active (e.g., checking for recent input or focus state)
    return true;
}

// Add the control to your form
this.Controls.Add(otpControl);
otpControl.Location = new Point(50, 200);

Example 4: Adapting to Dynamic Size Changes

// Create an instance of the control
SiticoneOtp otpControl = new SiticoneOtp();

// Subscribe to the SizeRequested event to adjust surrounding UI components
otpControl.SizeRequested += (sender, size) =>
{
    Console.WriteLine($"Control requested size: {size.Width}x{size.Height}");
    
    // Update a parent container or adjacent control accordingly
    AdjustLayout(size);
};

void AdjustLayout(Size newSize)
{
    // Custom logic to resize or reposition UI elements based on the new size of the control
    Console.WriteLine($"Adjusting layout to accommodate new size: {newSize.Width}x{newSize.Height}");
}

// Add the control to your form
this.Controls.Add(otpControl);
otpControl.Location = new Point(50, 280);

Review

Aspect
Evaluation

Integration Flexibility

The events provide comprehensive coverage for all key interactions, enabling developers to integrate custom behaviors that respond dynamically to input and state changes.

Real-Time Feedback

With immediate notifications through events like DigitEntered, ValueChanged, and InputCompleted, the control supports highly responsive user interfaces.

Customization and Control

The range of events allows developers to finely tune the control’s behavior—from navigation and formatting to auto-clear cancellation and validation—ensuring complete custom integration.


Summary

Events for Custom Integration in the SiticoneOtp control empower developers to hook into every critical stage of the input process. By handling events that notify input completion, digit changes, auto-clear warnings, and dynamic sizing, developers can build responsive, robust, and user-friendly applications that respond in real time to user actions and system events.


Additional Recommendations

Recommendation
Explanation

Centralize Event Handling Logic

Organize your event handlers in a centralized module or class to maintain consistency and reduce code redundancy, especially in complex applications.

Optimize Event Handlers for Performance

Ensure that event handlers execute quickly to avoid UI lag; consider offloading heavy processing to background threads if necessary.

Document Custom Event Logic Thoroughly

Maintain detailed documentation of how each event is handled in your application to facilitate future maintenance and onboarding of new developers.

Test Across Edge Cases and User Interactions

Rigorously test the event-driven behaviors under different user scenarios to ensure that the control behaves as expected, particularly during rapid or concurrent interactions.

By following these guidelines and utilizing the provided code examples, developers can fully leverage the event-driven capabilities of the SiticoneOtp control for custom integration, ensuring that every user interaction is captured and processed in a manner that meets the application’s unique requirements.

PreviousState AnalysisNextAdditional Public Methods

Last updated 4 months ago