Resize the RadzenHtmlEditor

Radzen.Blazor Components
1

Is there a way the end user can resize the HTML editor? I would like an optional grip handle at the bottom right, perhaps restricting the sizing to vertical only (like Git) or in both dimensions.

If it does not exist as option, I will file an issue on Git, please let me know.

2

Hi @pvk,

Resizing of the HTML editor component is not currently supported. You should be aware of this when requesting a new feature.

3

Thanks, I will do that.
I found a solution that works for me.

<div class="grip">
    <RadzenHtmlEditor @bind-Value=@value style="width: 100%; height: 100%;margin-bottom: 1rem;"  Change=@OnChange Paste=@OnPaste Execute=@OnExecute>
        <RadzenHtmlEditorUndo />
        <RadzenHtmlEditorRedo />
        <RadzenHtmlEditorSeparator />
        <RadzenHtmlEditorBold />
        <RadzenHtmlEditorItalic />
        <RadzenHtmlEditorSeparator />
    
    </RadzenHtmlEditor>
</div>

with css:

.grip {
    resize: both;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #dadfe2;
    max-width: 770px;
    padding-bottom: 1em;
}
.rz-html-editor {
    border-bottom: none!important;
}