New to Telerik UI for ASP.NET Core? Download free 30-day trial

Access and remove elements from Editor's insert link popup

Environment

Product Telerik UI for ASP.NET Core Editor

Description

How to access and remove Tooltip label and input from Editor's insert link popup?

Solution

You have two options to achieve this requirement:

  1. Using CSS:
<style>
    .k-editor-window #k-editor-link-title-form-label,
    .k-editor-window div[data-container-for="k-editor-link-title"] {
        display: none;
    }
</style>
  1. Using javascript:
@(Html.Kendo().Editor()
          .Name("editor")
          .Events(ev => ev.Execute("onExecute"))
          .Value(@<text>
               Transform this text to a link
        </text>)
    )
<script>
    function onExecute(e) {
        setTimeout(function () {
            $("#k-editor-link-title-form-label").hide();
            $('div[data-container-for="k-editor-link-title"]').hide();
        });
    }
</script>
In this article