Class ImageEditorTemplates

Specify templates for rendering Toolbar and Contextual Toolbar.

Inheritance

System.Object

ImageEditorTemplates

Namespace: Syncfusion.Blazor.ImageEditor

Assembly: Syncfusion.Blazor.dll

Syntax

public class ImageEditorTemplates : OwningComponentBase

Constructors

ImageEditorTemplates()

Declaration

public ImageEditorTemplates()

Properties

QuickAccessToolbarTemplate

Gets or sets the Microsoft.AspNetCore.Components.RenderFragment to render a custom quick-access toolbar in the SfImageEditor. This replaces the built-in quick-access toolbar of the image editor, so the user can bind the events to the custom quick-access toolbar and interact with the SfImageEditor.

Declaration

public RenderFragment QuickAccessToolbarTemplate { get; set; }

Property Value

Type	Description
Microsoft.AspNetCore.Components.RenderFragment	A Microsoft.AspNetCore.Components.RenderFragment used to create a custom quick access toolbar.

Remarks

The parameters passed to the template can be accessed using an implicit parameter named context.

Examples

The below code example, showcases a quick-access toolbar template in the SfImageEditor.

<SfImageEditor>
    <ImageEditorTemplates>
        <QuickAccessToolbarTemplate>
            <div class="toolbar-wrapper">
            </div>
        </QuickAccessToolbarTemplate >
    </ImageEditorTemplates>
</ SfImageEditor>

ToolbarTemplate

Gets or sets the Microsoft.AspNetCore.Components.RenderFragment to render a custom toolbar in the SfImageEditor. This replaces the built-in toolbar of the SfImageEditor, so the user can bind the events to the custom toolbar and interact with SfImageEditor.

Declaration

public RenderFragment ToolbarTemplate { get; set; }

Property Value

Type	Description
Microsoft.AspNetCore.Components.RenderFragment	A Microsoft.AspNetCore.Components.RenderFragment used to create a custom toolbar.

Remarks

The parameters passed to the template can be accessed using an implicit parameter named context. If we specify both Toolbar and ToolbarTemplate, then the ToolbarTemplate considers and renders the template.

Examples

The below code example, showcases a toolbar template in image editor.

<SfImageEditor>
    <ImageEditorTemplates>
        <ToolbarTemplate>
            <div class="toolbar-wrapper">
            </div>
        </ ToolbarTemplate >
    </ImageEditorTemplates>
</ SfImageEditor>