Events in Blazor Color Picker Component

19 Jun 20262 minutes to read

This section lists the events in the Color Picker component and when they are triggered during user interaction.

Closed

Closed triggers after the popup has been closed.

@using Syncfusion.Blazor.Inputs

<SfColorPicker PopupClosed="@OnPopupClosed"></SfColorPicker>

@code
{
    private void OnPopupClosed()
    {
         // Write your code here. 
    }
}

Opened

Opened triggers when the popup Open.

@using Syncfusion.Blazor.Inputs

<SfColorPicker Opened="@Opened"></SfColorPicker>

@code
{
    private void Opened(OpenEventArgs args)
    {
         // Write your code here. 
    }
}

OnClose

OnClose triggers before the popup closed.

@using Syncfusion.Blazor.Inputs

<SfColorPicker OnClose="@OnCloseHandler"></SfColorPicker>

@code
{
    private void OnCloseHandler(BeforeOpenCloseEventArgs args)
    {
         // Write your code here. 
    }
}

OnOpen

OnOpen triggers when the popup is Opened.

@using Syncfusion.Blazor.Inputs

<SfColorPicker OnOpen="@OnOpenHandler"></SfColorPicker>

@code
{
    private void OnOpenHandler(BeforeOpenCloseEventArgs args)
    {
         // Write your code here. 
    }
}

ValueChange

ValueChange triggers when changing the colors.

@using Syncfusion.Blazor.Inputs

<SfColorPicker ValueChange="@ValueChangeHandler"></SfColorPicker>

@code
{
    private void ValueChangeHandler(ColorPickerEventArgs args)
    {
         // Write your code here. 
    }
}

Created

Created triggers when the component is created.

@using Syncfusion.Blazor.Inputs

<SfColorPicker Created="@CreatedHandler"></SfColorPicker>

@code
{
    private void CreatedHandler(Object args)
    {
         // Write your code here. 
    }
}

OnModeSwitch

OnModeSwitch triggers before the mode is switched in the component.

@using Syncfusion.Blazor.Inputs

<SfColorPicker OnModeSwitch="@HandleModeSwitch"></SfColorPicker>

@code
{
    private void HandleModeSwitch(ModeSwitchEventArgs args)
    {
         // Write your code here. 
    }
}

ModeSwitched

ModeSwitched triggers after the mode switching is completed.

@using Syncfusion.Blazor.Inputs

<SfColorPicker ModeSwitched="@ModeSwitchedHandler"></SfColorPicker>

@code
{
    private void ModeSwitchedHandler(ModeSwitchEventArgs args)
    {
         // Write your code here. 
    }
}

OnTileRender

OnTileRender triggers after rendering of each color tile is completed.

@using Syncfusion.Blazor.Inputs

<SfColorPicker OnTileRender="@HandleTileRender"></SfColorPicker>

@code
{
    private void HandleTileRender(PaletteTileEventArgs args)
    {
         // Write your code here. 
    }
}