Upload button appearing not like a button

4 posts, 0 answers
  1. Cameron
    Cameron avatar
    28 posts
    Member since:
    Oct 2011

    Posted 20 Feb 2012 Link to this post


    We've been having an issue where users are seeing the upload button within the Upload Dialog of the Image Manager Dialog appears as text with a dashed border around it. I do not know if the button is disabled or not or even if it is functional as a button.

    However it is appearing as not a button.

    Any ideas on why this may be happening?


    PS. We are using the 2011.3.1305.40 version of the controls.
  2. Richard
    Richard avatar
    479 posts
    Member since:
    Nov 2011

    Posted 22 Feb 2012 Link to this post


    It appears that the css style that pertains to your "Upload" (Submit button) is being overwritten somewhere down the line.

    You'd have to open the problematic file in the browser and use one of the style tracing tools such as Firebug (Firefox) to view the layers of styling applied to the button.
    You can reference the RadUpload documentation page: CSS Skin File Selectors to determine which CSS selector to observe.

    For additional assistance from forum members, you'd need to post your .aspx markup and all of your CSS and skin information.

    Hope this helps!
  3. Rumen
    Rumen avatar
    14435 posts

    Posted 23 Feb 2012 Link to this post


    Another approach is to disable the skinning of the RadUpload following the instructions below:

    1) Register the external dialog files of RadEditor:
    - Copy the EditorDialogs installation folder to the root of the web project
    - Set the ExternalDialogsPath= "~/EditorDialogs" property, e.g.

    Copy Code
    <telerik:radeditor runat="server" ExternalDialogsPath="~/EditorDialogs" ID="RadEditor1">
    <ImageManager ViewPaths="~/" UploadPaths="~/" />

    2) Create a UserControl in the root of your web application for example named UserControl.ascx and put the following code in it:

            <%@ Control Language="C#" AutoEventWireup="true" CodeFile="UserControl.ascx.cs" Inherits="UserControl" %>        
    <script runat="server" type="text/C#">         
        protected void Page_Load(object sender, System.EventArgs args)         
            Telerik.Web.UI.RadFileExplorer rfe = (Telerik.Web.UI.RadFileExplorer)this.FindRadControl(this.Page);         
            if (rfe != null)         
               rfe.Upload.EnableFileInputSkinning = false;                    
        private Control FindRadControl(Control parent)         
            foreach (Control c in parent.Controls)         
                if (c is Telerik.Web.UI.RadFileExplorer) return c;         
                if (c.Controls.Count > 0)         
                    Control sub = FindRadControl(c);         
                    if (sub != null) return sub;         
            return null;         

    3) Register the custom control in the \EditorDialogs\FileBrowser.ascx external dialog control:
    <%@ Register TagPrefix="custom" TagName="customControl" Src="~/UserControl.ascx" %>
    < custom:customControl ID="customControl1" runat="server" />

    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.
  4. Cameron
    Cameron avatar
    28 posts
    Member since:
    Oct 2011

    Posted 13 Mar 2012 Link to this post

    Thanks Rumen.

    I'll give that a go and let you know.
Back to Top