Upload button appearing not like a button

[Cameron]

Hello,

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?

Thanks,
Cameron

PS. We are using the 2011.3.1305.40 version of the controls.

[Richard]

Cameron:

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!

[Rumen]

Hello,

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="~/" />
</telerik:radeditor>

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;
    }

</script>

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" />


Greetings,
Rumen
the Telerik team

[Cameron]

Thanks Rumen.

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