RadUpload shows additional TextBox and Browse Button

Thread is closed for posting
3 posts, 0 answers
  1. Bertil
    Bertil avatar
    2 posts
    Member since:
    Mar 2011

    Posted 15 Aug 2011 Link to this post

    Hello,

    Telerik.Web.UI 2011.1.519.40
    IE8

    I made a user control in which I put a RadUpload. When I hoover over the select button though, the RadUpload shows an additional TextBox and a Browse Button. The select-functionality seems to work properly when I click, but the control shouldn't show the Textbox and button.

    Any idea why the RadUpload behaves like this and how to let it act normally?

    With regards,
    Bertil de Groot

    <telerik:RadUpload ID="RadUploadDocuments" runat="server" Culture="nl-NL" Language="nl-NL"
       OverwriteExistingFiles="True" MaxFileInputsCount="10" MaxFileSize="1048576000"
       ControlObjectsVisibility="RemoveButtons, AddButton" AllowedFileExtensions="<%$appSettings:AllowedFileExtensions %>"
       OnValidatingFile="RadUploadDocuments_ValidatingFile">
       <Localization Add="Volgend bestand" Delete="Verwijderen" Remove="Verwijder" Select="Selecteren..." />
    </telerik:RadUpload>
  2. Bertil
    Bertil avatar
    2 posts
    Member since:
    Mar 2011

    Posted 16 Aug 2011 Link to this post

    I did some more testing:

    This effect even shows up when I use a RadUpload with the default settings (except for ID).

    <telerik:RadUpload ID="RadUploadDocuments" runat="server">
    </telerik:RadUpload>

    Therefore I think that some css-style or something is causing this effect. But when I look at the generated source and look at the css-style in the Developer Tools of IE, no style seems to be applied:

    With regards,
    Bertil

    <head>
      <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    </head>
    <body>
    <form method="post" id="form1">
       <script type="text/javascript" src="/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ContentPlaceHolderDefault_RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bAjaxControlToolkit%2c+Version%3d4.1.40412.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d28f01b0e84b6d53e%3anl-NL%3aacfc7575-cdee-46af-964f-5d85d9cdcf92%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2011.1.519.40%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3anl-NL%3a5be828bb-0a79-490c-8616-6cbcc8a06e60%3a16e4e7cd%3af7645509%3a24ee1bba%3aa585d0d4"></script>
       <script type="text/javascript"
    //<![CDATA[ 
        if(typeof(Sys) != "undefined"){$addHandler(window, "load", function(){Sys.Application.initialize();}); } else { throw new Error("Microsoft ASP.NET AJAX cannot be initialized!")}
    //]]>
       </script>
       <script type="text/javascript"
    //<![CDATA[ 
        Sys.Application.add_init(function(){$create(Telerik.Web.UI.RadUpload, {"_accessKey":"","_skin":"Default","allowedFileExtensions":"[]","clientStateFieldID":"ctl00_ctl00_ContentPlaceHolderDefault_ctl00_FileUpload_1_RadUploadDocuments_ClientState","localization":{"Select":"Select","Remove":"Remove","Add":"Add","Clear":"Clear","Delete":"Delete"},"readOnlyFileInputs":false}, null, null, $get("ctl00_ctl00_ContentPlaceHolderDefault_ctl00_FileUpload_1_RadUploadDocuments"));});
    //]]>
       </script>   
       <div id="ctl00_ctl00_ContentPlaceHolderDefault_ctl00_FileUpload_1_RadUploadDocuments" class="RadUpload RadUpload_Default">
        <!-- 2011.1.519.40 --><ul id="ctl00_ctl00_ContentPlaceHolderDefault_ctl00_FileUpload_1_RadUploadDocumentsListContainer" class="ruInputs">
            <li class="ruActions" id="ctl00_ctl00_ContentPlaceHolderDefault_ctl00_FileUpload_1_RadUploadDocumentsButtonArea"><input class="ruButton ruAdd" type="button" id="ctl00_ctl00_ContentPlaceHolderDefault_ctl00_FileUpload_1_RadUploadDocumentsAddButton" value="Add" /><input class="ruButton ruDelete" type="button" id="ctl00_ctl00_ContentPlaceHolderDefault_ctl00_FileUpload_1_RadUploadDocumentsDeleteButton" value="Delete" /></li>
        </ul><input id="ctl00_ctl00_ContentPlaceHolderDefault_ctl00_FileUpload_1_RadUploadDocuments_ClientState" name="ctl00_ctl00_ContentPlaceHolderDefault_ctl00_FileUpload_1_RadUploadDocuments_ClientState" type="hidden" />
       </div>   
    </form>
    </body>
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 17 Aug 2011 Link to this post

    Hi Bertil,

    It is a CSS issue. Please add the following code to your project:
    <telerik:RadStyleSheetManager runat="server" ID="RadStyleSheetManager1"></telerik:RadStyleSheetManager>


    Greetings,
    Peter Filipov
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Back to Top