Customization of Image Browser

[Randy Craven]

Hello,

Is it possible to suppress the image properties portion of the ejRTE Image Browser (i.e., don't show the General and Advanced tabs)?  

And, is it possible to suppress the Add Folder button in the Image Browser?

Thank you,

Randy Craven

[Prince Oliver]

Hi Randy, 

 

Thanks for contacting Syncfusion Support. 

 

You can remove the General and Advanced tabs in the RTE Image browser by setting its corresponding display CSS property to none. Have a look at the following code snippet. 

 

 

<style type="text/css" class="cssStyles"> 

       div.e-rte-imageTab.e-tab.e-js.e-widget { 

            display: none; 

        } 

    </style> 

 

You can remove the Add Newfolder button by using removeToolbarItem property of Image Browser in the RTE create event. 

 

 

<script> 

$("#rteSample").ejRTE({ 

    toolsList: ["images"], 

    tools: { images: ["image"] }, 

    width: "100%", 

    minWidth: "10px", 

    imageBrowser: { filePath: "http://mvc.syncfusion.com/OdataServices/FileBrowser/", ajaxAction: fileService, extensionAllow: "*.png, *.gif, *.jpg, *.jpeg, *.docx", ajaxSettings: ajaxSettings }, 

    fileBrowser: { filePath: "http://mvc.syncfusion.com/OdataServices/FileBrowser/", ajaxAction: fileService, extensionAllow: "*.txt, *.png, *.pdf,*.jpeg", ajaxSettings: ajaxSettings1 }, 

    create: function (args) { 

        this._explorerObj.removeToolbarItem("NewFolder"); 

   } 

 

}); 

</script> 

 

 

 

Refer to the following Playground sample: 

http://jsplayground.syncfusion.com/riq5f1rp 

 

Let us know if you require further queries. 

 

Regards, 

Prince 

[Randy Craven]

Hello Prince,

This worked exactly as expected.  Thank you very much.

Randy Craven

[Prince Oliver]

Hi Randy, 

Thanks for your update. 

We are glad to help you out with your queries, please let us know if you require further assistance. 

Regards, 

Prince