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 Answers, 1 is accepted
0
Bertil
Top achievements
Rank 1
Rank 1
answered on 16 Aug 2011, 08:39 AM
I did some more testing:
This effect even shows up when I use a RadUpload with the default settings (except for ID).
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
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> 0
Hi Bertil,
It is a CSS issue. Please add the following code to your project:
Peter Filipov
the Telerik team
It is a CSS issue. Please add the following code to your project:
<telerik:RadStyleSheetManager runat="server" ID="RadStyleSheetManager1"></telerik:RadStyleSheetManager>
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.