Product Bundles
DevCraft
All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:
Web
Mobile
Document Management
Desktop
Reporting
Testing & Mocking
CMS
UI/UX Tools
Debugging
Free Tools
Support and Learning
Productivity and Design Tools
I am using the Kendo Editor Image Browser from : https://demos.telerik.com/aspnet-mvc/editor/imagebrowser.Where I have hidden/removed the 1. Home icon2.New Folder3. Delete4. Arrange By5. Web Address6. Alternate Textusing css on my local.Is there any way to customize this without CSS?
Could i please ask if you could provide your code of applying the css and their values for the above?
Hi Matthew,In order to achieve the desired behavior, I would recommend using the following approach:
<script> $(document).ready(function(){ $("button[title='Insert image']").on("click", function(){ setTimeout(function(){ $(".k-svg-i-home").css("display", "none"); $(".k-svg-i-folder-add").css("display", "none"); $(".k-icon-button").css("display", "none"); $(".k-tiles-arrange").css("display", "none"); $(".k-form-field").css("display", "none"); }) }) }) </script>
Here is a REPL example that I prepared for the case:
Give a try to the approach above and let me know if this is the desired result.
Kind Regards,Anton Mironov
Hi Shashank,
Thank you for the details provided.
Yes, you are totally correct - using CSS is a perfect decision.
In order to use the built-in configurations, use the following article where they are listed:
Kind Regards, Anton Mironov Progress Telerik
As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.
Could i please ask if you could provide your code of applying the css and their values for the above?
Hi Matthew,
In order to achieve the desired behavior, I would recommend using the following approach:
<script> $(document).ready(function(){ $("button[title='Insert image']").on("click", function(){ setTimeout(function(){ $(".k-svg-i-home").css("display", "none"); $(".k-svg-i-folder-add").css("display", "none"); $(".k-icon-button").css("display", "none"); $(".k-tiles-arrange").css("display", "none"); $(".k-form-field").css("display", "none"); }) }) }) </script>
Here is a REPL example that I prepared for the case:
Give a try to the approach above and let me know if this is the desired result.
Kind Regards,
Anton Mironov