Fixing RadFileExplorer Upload dialog when using Black skin

Thread is closed for posting
1 posts, 0 answers
  1. Telerik Admin
    Telerik Admin avatar
    1679 posts
    Member since:
    Oct 2004

    Posted 08 Sep 2011 Link to this post

    When using RadFileExplorer with Black skin, the background of the Upload panel is white, but not black as expected. You can temporary fix the problem, until we fix it in the source, using one of the following solutions:

    Solution 1 (CSS fix only):
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
           <title></title>
           <style type="text/css">
                  div.RadWindow_Black td.rwExternalContent
                  {
                         background-color: #2e2e2e;
                  }
                  .rfeUploadContainer
                  {
                         color: #fff;
                  }
                   
                  div.rfeUploadInfoPanel
                  {
                         background-color: #464646;
                         border: 1px solid #080808;
                  }
           </style>
    </head>
    <body>
           <form id="form1" runat="server">
           <asp:ScriptManager ID="ScriptManager1" runat="server">
           </asp:ScriptManager>
           <telerik:RadFileExplorer runat="server" ID="RadFileExplorer1" Width="500px" Height="300px"
                  Skin="Black" EnableOpenFile="false" EnableCreateNewFolder="true">
                  <Configuration ViewPaths="~/" UploadPaths="~/" DeletePaths="~/" />
           </telerik:RadFileExplorer>
           </form>
    </body>
    </html>

    Solution 2(using CSS and RadFormDecorator):
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
        <title></title>
        <style type="text/css">
            div.rfeUploadInfoPanel
            {
                background-color: #464646;
                border: 1px solid #080808;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager ID="Sc1" runat="server" />
        <telerik:RadFormDecorator ID="FormDecorator1" runat="server" Skin="Black" DecoratedControls="All" />
        <telerik:RadFileExplorer runat="server" ID="RadFileExplorer1" Width="500px" Height="300px"
            Skin="Black" EnableOpenFile="false" EnableCreateNewFolder="true">
            <Configuration ViewPaths="~/" UploadPaths="~/" DeletePaths="~/" />
        </telerik:RadFileExplorer>
        </form>
    </body>
    </html>
Back to Top