Upload dialog customization

2 posts, 0 answers
  1. AB
    AB avatar
    26 posts
    Member since:
    Jan 2010

    Posted 11 Jun 2012 Link to this post

    how can I set the font for the text in the red frames and the color of the external border,
    now in green?
    Many thanks
  2. Rumen
    Rumen avatar
    14420 posts

    Posted 11 Jun 2012 Link to this post


    You can import your own CSS file in the RadEditor dialogs via the DialogsCssFile property and style their contents as per your requirements:

    body, span, input, select { font-family: Garamond !important; font-size: 20px !important; color: Red !important; }

    <telerik:RadEditor ID="RadEditor1" runat="server" DialogsCssFile="dialog.css">   
        <ImageManager ViewPaths="~/Images" UploadPaths="~/Images" />
        <DocumentManager ViewPaths="~/Images" UploadPaths="~/Images" />

    You can inspect the HTML elements that you want to style with IE developer toolbar and Firefox. Note that you should delete the browser cache and restart the browser to see the applied changes to the dialogs because the browser caches the CSS files.

    Another approach is to register the external dialog files of RadEditor and customize only the files that you would like to be modified.

    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top