Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Upload > Select does nothing

• Alex

  Posted on Nov 11, 2008 (permalink)

  I have a page with the UploadFile control on it, I was on Q2 and everything worked fine.
  
  Just upgraded to Q3 and the control stopped working. When I click on the "Select" button nothing happens, I don't get the file browsing window.
  
  Any thoughts?
  
  Here's what I have on my page:
  
  - radUpload
  - radMultipage
  - 2X radPageViews

  Reply

• Erjan Gavalji Erjan Gavalji

  Posted on Nov 12, 2008 (permalink)

  Hi Alex,
  
  That could be caused by some specific styles on the page. Can you please, send us your page with any stylesheets it might be using? Please, use a formal support ticket if you consider the page confidential.
  
  Kind regards,
  Erjan Gavalji
  the Telerik team

  
  Check out Telerik Trainer, the state of the art learning tool for Telerik products.

  Reply


• Steve

  Posted on Nov 25, 2008 (permalink)

  I am having the exact same issue.
  
  

   

  <telerik:RadPageView ID="pageDocuments" runat="server">

   

   

   

  <telerik:RadProgressManager ID="RadProgressManager1" runat="server" /><telerik:RadProgressArea

   

   

  ID="RadProgressArea1" runat="server" Language=""><Localization

   

   

  Uploaded="Uploaded" />

   

   

  </telerik:RadProgressArea><telerik:RadUpload ID="RadUpload1" runat="server" FocusOnLoad="True"

   

   

  InitialFileInputsCount="2" MaxFileInputsCount="5" MaxFileSize="1000000"

   

   

  TargetFolder="~/Documents"></telerik:RadUpload>

   

   

   

   

  </telerik:RadPageView>
  
  I can provide more code if need...I followed the "Getting Started" example and nothing works.

   

  Reply

• Erjan Gavalji Erjan Gavalji

  Posted on Nov 26, 2008 (permalink)

  Hi Steve,
  
  Thanks for the code snippet! To my regret I was not able to reproduce the problem with the page I created (attached hereby). Can you please, check what I'm missing?
  
  Kind regards,
  Erjan Gavalji
  the Telerik team

  
  Check out Telerik Trainer, the state of the art learning tool for Telerik products.

  Attached files

  • UploadInPageViewSelectButtonTest.zip

  Reply

• Stratos Karimbakas

  Posted on Dec 10, 2008 (permalink)

  I am getting the same problem. It only happens in IE6.0....it works fine in IE7,Firefox, Safari, and Chrome.

  Reply

• Atanas Korchev Atanas Korchev

  Posted on Dec 10, 2008 (permalink)

  Hello Stratos Karimbakas,
  
  Please open a support ticket and send us the problematic page. We will investigate what is preventing RadUpload from operating correctly. Thanks.
  
  Regards,
  Albert
  the Telerik team

  
  Check out Telerik Trainer, the state of the art learning tool for Telerik products.

  Reply

• Stratos Karimbakas

  Posted on Dec 16, 2008 (permalink)

  unfortunately the page is database dependant and requires several other pages to function. I have a page that opens up a radwindow X, that radwindow opens a radwindow Y, that radwindow Z opens up one more W in which the radupload module resides. This last radwindow, W, can also be opened from the main page in some cases and the radupload works properly. However, when it is called directly from the page the upload module in window W works properly.
  
  The base page has the windows defined as follows:
  
  

   

  <telerik:RadWindowManager Skin="Sunset" ID="RadWindowManager1" runat="server" style="z-index:90000" >

   

   

  <Windows>

   

   

  <telerik:RadWindow

   

   

  NavigateUrl = "../../Orders/Orderitem.aspx"

   

   

  VisibleOnPageLoad = "false" OnClientClose="OnClientclose"

   

   

  OffsetElementID = "offsetElement"

   

   

  ID = "itemWindow" Modal="true" Animation="None" VisibleStatusbar="false"

   

   

  Top = "200" VisibleTitlebar="false"

   

   

  Left = "200" Overlay="true"

   

   

  Height="600" Width="550"

   

   

  runat="server"></telerik:RadWindow>

   

   

  <telerik:RadWindow

   

   

  NavigateUrl = "../../Orders/deleteitem.aspx"

   

   

  VisibleOnPageLoad = "false" OnClientClose="OnDeleteClientclose"

   

   

  OffsetElementID = "offsetElement"

   

   

  ID = "deleteWindow" Modal="true" Animation="None" VisibleStatusbar="false"

   

   

  Top = "10" VisibleTitlebar="false"

   

   

  Left = "10"

   

   

  Height="10" Width="10"

   

   

  runat="server"></telerik:RadWindow>

   

   

  <telerik:RadWindow

   

   

  NavigateUrl = "../../Orders/Orderitem.aspx"

   

   

  VisibleOnPageLoad = "false"

   

   

  OffsetElementID = "offsetElement" OnClientClose="OnClientclose"

   

   

  ID = "photoWindow" Animation="None" VisibleStatusbar="true"

   

   

  Top = "200" VisibleTitlebar="false"

   

   

  Left = "360" Overlay="true"

   

   

  Height="600" Width="830" Modal="true"

   

   

  runat="server"></telerik:RadWindow>

   

   

   

  <telerik:RadWindow

   

   

  NavigateUrl = "../../Orders/Addimage.aspx"

   

   

  VisibleOnPageLoad = "false" OnClientClose="OnAddClientClose"

   

   

  OffsetElementID = "offsetElement"

   

   

  ID = "addWindow" Animation="None" VisibleStatusbar="true"

   

   

  Top = "100" VisibleTitlebar="true"

   

   

  Left = "150" Overlay="false"

   

   

  Height="650" Width="550" Modal="true"

   

   

  runat="server"></telerik:RadWindow>

   

   

   

   

  <telerik:RadWindow

   

   

  NavigateUrl = "DummyWindow.aspx"

   

   

  VisibleOnPageLoad = "false"

   

   

  OffsetElementID = "offsetElement"

   

   

  ID = "DummyWindow" Animation="None" VisibleStatusbar="true"

   

   

  Top = "200" VisibleTitlebar="false"

   

   

  Left = "360" Overlay="false"

   

   

  Height="100" Width="100"

   

   

  runat="server"></telerik:RadWindow>

   

   

   

   

   

   

   

   

   

  </Windows>

   

   

   

   

  </telerik:RadWindowManager>

   

  The "addWindow" window has the upload module on it. It is called by "photoWIndow". Does this provide any insight on what is occuring. Again, this problem is only in IE6.
  
  Thanks.

  Reply

• Veselin Vasilev Veselin Vasilev

  Posted on Dec 19, 2008 (permalink)

  Hello Stratos Karimbakas,
  
  Please try setting the EnableFileInputSkinning to False and let us know the results.
  
  Sincerely yours,
  Veselin Vasilev
  the Telerik team

  
  Check out Telerik Trainer, the state of the art learning tool for Telerik products.

  Reply

• jack

  Posted on Dec 19, 2008 (permalink)

  tks, "EnableFileInputSkinning=false" , it work on ie6, but to ugly, waitting next version!

  Reply

• David

  Posted on Jan 20, 2009 (permalink)

  Hi, 

  
  

  I had the same problem and it was solved with setting the EnableFileInputSkinning to false.

  
  

  There are propably two ways how to change the face of "ugly" button. 

  
  

  Create our own CSS style or wait to new release. 

  
  

  May I know when do you plan to release a new version of Upload control ?

  Reply

• Ravi

  Posted on Feb 20, 2009 (permalink)

  Hi
    i am also had the same problem .... EnableFileInputSkinning="false"  is solved my problem ...... but skin is not good .....so please
   give solution to this problem ,,,,,,,,,its Urgend .........
  
     thank  you
  

  Reply

• Veselin Vasilev Veselin Vasilev

  Posted on Feb 20, 2009 (permalink)

  Hi Ravi,
  
  Please open a new support ticket and send us a sample running project demonstrating the problem.
  Then we will be able to give you a solution.
  
  Thanks
  
  Sincerely yours,
  Veselin Vasilev
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Check out the tips for optimizing your support resource searches.

  Reply

• Lenny_shp Master

  Posted on Mar 16, 2009 (permalink)

  old

  Reply

• James Van Buren

  Posted on Mar 31, 2009 (permalink)

  Yes, i face the same issue in Q1.
  Setting 

  EnableFileInputSkinning

   

  ="false"  does the trick but the button looks different.
  Is there a way to Sking the button to look the same or will this issue be fixed soon?

   

  Reply

• Veselin Vasilev Veselin Vasilev

  Posted on Apr 1, 2009 (permalink)

  Hi guys,
  
  Since we cannot reproduce the problem, please open a support ticket and attach a sample page there. We will examine it and find a solution for you.
  
  Thank you
  
  Greetings,
  Veselin Vasilev
  the Telerik team

  
  Check out Telerik Trainer , the state of the art learning tool for Telerik products.

  Reply

• Bruce Hochstetler Intermediate

  Posted on Apr 3, 2009 (permalink)

  Hi All,
  
  Just wanted to add that I am also experiencing the problem; 2009.1.324.35. EnableFileInputSkinning="False" fixes it. This only happens on IE7 for me. On my page I have logic setup to add/remove inputs as needed. In some cases if the first input is removed and a new one added I get one shot at the browser dialog working, after that it ignores button clicks. If I do a submit of nothing, e.g. just click the submit button for my page with nothing in the file inputs; then the browse button will work after that.
  
  Thanks,
  Bruce
  

  Reply

• Genady Sergeev Genady Sergeev

  Posted on Apr 6, 2009 (permalink)

  Hello Bruce Hochstetler,
  
  There was an issue under IE6 & 7. Due to a bug, the onclick event was not fired when :
  
  

  1. The left button is pressed
  2. The mouse is moved in the same time

  
  With the latest RadControls service pack the problem should vanish.
  
  Greetings,
  Genady Sergeev
  the Telerik team

  
  Check out Telerik Trainer , the state of the art learning tool for Telerik products.

  Reply

• Lenny_shp Master

  Posted on Apr 6, 2009 (permalink)

  Confirming that the [Select] issue is fixed in 2009.1.402.35.
  

  Reply

• Bruce Hochstetler Intermediate

  Posted on Apr 6, 2009 (permalink)

  In my particular situation it is NOT fixed. I've since opened a support ticket that demonstrates the problem. In my case, I'm generating in client-side code additional input panels. This was code that hasn't changed for better part of a year, I suspect the problem has something to do with this code, which was provided by Telerik some time back. It moves the 'Add' button to the top, then adds a description field below the input field and has a remove button at the end of the input field... something like that. On IE7, only the 'default' skin works or no skin; sometimes the select will respond, but only once.
  
  Bruce

  Reply

• Bruce Hochstetler Intermediate

  Posted on Apr 7, 2009 (permalink)

  Hi All,
  
  In my particular case I was doing ... Response.Write("<title>some dynamic title</title>"), for some reason this was causing an issue on my page regarding the select button. I've since replaced it with ... Page.Header.Title = "some dynamic title"; this has corrected my problem. Just thought I would pass this along.
  
  Bruce

  Reply

• Shonda

  Posted on Apr 8, 2009 (permalink)

  I too have the same issue.  It seems to be heppening to me when I put the upload control in a scrollable div.
  
  

  <div style="height: 280px; width: 450px; overflow: auto;">

  <telerik:RadUpload ID="ruDocuments" runat="server" InitialFileInputsCount="2" OverwriteExistingFiles="false" AllowedFileExtensions=".pdf,.tif,.tiff" AllowedMimeTypes="application/pdf,image/tif,image/tiff" Skin="Sunset" OnClientAdded="addTitle" />

  </div>

  
  

  Reply

• Genady Sergeev Genady Sergeev

  Posted on Apr 9, 2009 (permalink)

  Hi Shonda,
  
  Your code snippet looks perfectly correct. There should not be problems clicking the select button. Please make sure that you are using the latest version of our components.
  
  Kind regards,
  Genady Sergeev
  the Telerik team

  
  Check out Telerik Trainer , the state of the art learning tool for Telerik products.

  Reply

• Shonda

  Posted on Apr 9, 2009 (permalink)

  Thank you. I  am using the latest version I just downloaded 3 days ago.
  

  Reply

• Genady Sergeev Genady Sergeev

  Posted on Apr 13, 2009 (permalink)

  Hello Shonda,
  
  Do you experience the problem on our web demos ? On a sample test, the code that you provided is working correctly with the latest dll ( IE7 ). Could you please open a support ticket and send us a sample project reproducing your problem. This will help us to investigate the case further.
  
  All the best,
  Genady Sergeev
  the Telerik team

  
  Check out Telerik Trainer , the state of the art learning tool for Telerik products.

  Reply

• Shonda

  Posted on Apr 13, 2009 (permalink)

  I do not have the problem in the web demos, but the web demos do not contain scrollable divs.  When I remove my scrollable div I do not experience the issue.  It only with the divs.  The first 2 selects work just fine.  Then any other select after that does nothing.
  

  Reply

• Clinton Smyth

  Posted on May 19, 2009 (permalink)

  Has there been any progress on this? 
  
  I'm experiencing the same problem (even after upgrading to: ASP.NET_AJAX_2009_1_402).  In my case, the select button works sometimes but does nothing most times.  This is only when using IE 7 (Firefox is fine).  Our users are able to upload 3 files at a time and often when the first select button doesn't work, after clicking 'add' the 2nd select button does work .. although if you close and re-open the select window repeatedly, after a few times the select button stops working.
  
  Specifying EnableFileInputSkinning="False" fixes it, although it would be better with the correct skin.  I have the RadUpload control in a floating div.

  Reply

• Bruce Hochstetler Intermediate

  Posted on May 19, 2009 (permalink)

  Hi Clinton Smyth,
  
  In my particular case as was doing Response.Write("<title>some title</title>") to set the page header. After changing this to use Page.Header.Title = "some title",  the problem went away. Be sure to add runat="server" in <head> tag.  The most current version for me now works without any issues.
  
  Hope that helps
  Bruce

  Reply

• Kirill Bykov

  Posted on May 25, 2009 (permalink)

  Hi!
  
  Any updates on this issue?
  
  We're using 2009_1_402_dev exd experiencing exactly the same issue with Firefox.
  After doing some investigation it seems like the issue is caused by some specific css classes, not particulary DIVs...
  
  Very simple experiment:
  
  View Source->Save As test.html
  
  Moved test.html to the application root - select works
  Moved test.html to the original page location - select stops working. For me it feels like there're some conflicts in css, but I can't yet figure out what exactly the problem is.
  
  Thanks!

  Reply

• Kirill Bykov

  Posted on May 25, 2009 (permalink)

  After doing some more experiments i was able to figure out  particular CSS entry which brakes it:
  
  

  #content

   

  {

   

  position:relative;
  ...

  }
  ...which we use for a top level table element.
  
  Still wondering what is the best way to resolve the issue without restructuring the entire application.
  Thanks.
  -Kirill.

  Reply

• Genady Sergeev Genady Sergeev

  Posted on May 25, 2009 (permalink)

  Hello guys,
  
  We have taken into consideration all the feedback provided and now working on a fix that should take care of the select button issue once and for all. The fix is scheduled for the next Q, but if we don't have any unexpected faults we will release it for the upcoming service pack.
  
  Kind regards,
  Genady Sergeev
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Check out the tips for optimizing your support resource searches.

  Reply

• Tronn Carson

  Posted on May 31, 2009 (permalink)

  I just installed 2009.1.527.35 and it did not fix this issue which only occurs on one of the six pages where I am using the control.  This is a little frustrating....

  Reply

• Genady Sergeev Genady Sergeev

  Posted on Jun 3, 2009 (permalink)

  Hi Tronn Carson,
  
  The select button fix is going to be available with Q2 beta which is scheduled for release on 10th on June.
  
  Sincerely yours,
  Genady Sergeev
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Check out the tips for optimizing your support resource searches.

  Reply

• George Georgiou

  Posted on Jul 9, 2009 (permalink)

  Q2 2009 not fixed yet!!!
  

  Reply

• Genady Sergeev Genady Sergeev

  Posted on Jul 9, 2009 (permalink)

  Hello George Georgiou,
  
  How did you manage to reproduce the fault? Under which browser? If you are trying to drag click (this is press the left button, move the mouse and then release) under IE you are most likely to encounter the issue, however this is the default behavior under all winforms application and it cannot be changed. You can reproduce it easily in IE with a standard input file -> press the left mouse button over the browse button, then drag out of the browse and release the mouse, nothing will happen.
  
  Greetings,
  Genady Sergeev
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Check out the tips for optimizing your support resource searches.

  Reply

• Steve Todd

  Posted on Jul 10, 2009 (permalink)

  Hi Guys

  
  

  I also have this problem in a scrollable div.

  
  

  When setting EnableFileInputSkinning to true the select button will sometimes fire but only once.
  

  
  

  When setting EnableFileInputSkinning to false, the filename textboxes scroll up and down as the div is scrolled urghh.

  
  

  Any timescales on a solution to this?

  
  

  Steve

  Reply

• Scott Salyer

  Posted on Jul 21, 2009 (permalink)

  I am also encountering this problem with 2009.2.701.35 in Firefox. When I hover over the select button the CSS toolbar records the following error about 6 times (and every time I move my mouse just slightly):
  
  Error: Sys.ArgumentOutOfRangeException: Value must be an integer.
  Parameter name: x
  Actual value was 158.00001525878906.
  Source File: http://localhost:54798/ScriptResource.axd?d=Vman60fAb7LgohHgUIq-dy-bruUEoWY7N67UXelv_z2c_pFhUR_jLi4bOMnkBnzqY2oyuDLQ7r4cf0kpQ9PK_FKt_vjhVU9ymknfiUbuDE81&t=3cbe2c40
  Line: 2830
  
  The function in question appears to be part of the MS AJAX Framework:
  
  

  1
  Sys.UI.Bounds = function Sys$UI$Bounds(x, y, width, height) { 
  2
      /// <summary locid="M:J#Sys.UI.Bounds.#ctor" /> 
  3
      /// <param name="x" type="Number" integer="true"></param> 
  4
      /// <param name="y" type="Number" integer="true"></param> 
  5
      /// <param name="height" type="Number" integer="true"></param> 
  6
      /// <param name="width" type="Number" integer="true"></param> 
  7
      /// <field name="x" type="Number" integer="true" locid="F:J#Sys.UI.Bounds.x"></field> 
  8
      /// <field name="y" type="Number" integer="true" locid="F:J#Sys.UI.Bounds.y"></field> 
  9
      /// <field name="height" type="Number" integer="true" locid="F:J#Sys.UI.Bounds.height"></field> 
  10
      /// <field name="width" type="Number" integer="true" locid="F:J#Sys.UI.Bounds.width"></field> 
  11
      var e = Function._validateParams(arguments, [ 
  12
          {name: "x", type: Number, integer: true}, 
  13
          {name: "y", type: Number, integer: true}, 
  14
          {name: "height", type: Number, integer: true}, 
  15
          {name: "width", type: Number, integer: true} 
  16
      ]); 
  17
      if (e) throw e; 
  18
      this.x = x; 
  19
      this.y = y; 
  20
      this.height = height; 
  21
      this.width = width; 
  22
  } 
  23
   

  By setting EnableFileInputSkinning to False everything functions - technically. The progress area on the page doesn't seem to with the skin this way. Here is how everything is setup:
  
  

  1	<tr>
  2	<td class="modifyHeader liner">Select File: </td>
  3	<td class="liner">
  4	<telerik:RadUpload runat="server" EnableFileInputSkinning="false" ID="RadUpload1" ControlObjectsVisibility="None" InitialFileInputsCount="1" MaxFileInputsCount="1" OverwriteExistingFiles="false" OnFileExists="RadUpload1_FileExists" TargetFolder="~/_assets/files/press" OnValidatingFile="RadUpload1_ValidatingFile" />
  5	<asp:PlaceHolder runat="server" ID="plFileExists" Visible="false">
  6	<p><asp:Literal runat="server" ID="ltFilename" /> is currently associated with this press release. If you choose to upload a new file this one will be removed. <asp:Button runat="server" ID="cmRemove" Text="Remove" SkinID="SmallButton" OnClick="cmRemove_Click" /></p>
  7	</asp:PlaceHolder>
  8	</td>
  9	</tr>
  10	<tr>
  11	<td colspan="2" align="center">
  12	<telerik:RadProgressArea runat="server" ID="RadProgressArea1" Width="100%" Skin="Vista" ProgressIndicators="CurrentFileName, TimeElapsed, TimeEstimated, TotalProgress, TotalProgressBar, TransferSpeed" />
  13	<telerik:RadProgressManager runat="server" ID="RadProgressManager1" />
  14	</td>
  15	</tr>

  
  The styles on the cell rows only add bold/font-size attributes and a bottom border on the cells. The control isn't inside a scrollable div or anything of that nature - just your average table. The REALLY confusing part of this is I copied everything above from another project where it did work (albeit older suite of the controls) and that page works perfectly.
  
  
  
  

  Reply

• Atanas Korchev Atanas Korchev

  Posted on Jul 22, 2009 (permalink)

  Hi Scott Salyer,
  
  Could you please provide the full page? This is probably related with some combination of CSS and HTML which RadUpload is not handling properly. I would appreciate your cooperation. You can open a support ticket to send us your page and CSS if you don't wish to publish them in the forums.
  
  Regards,
  Albert
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Check out the tips for optimizing your support resource searches.

  Reply

• Scott Salyer

  Posted on Jul 22, 2009 (permalink)

  Page:
  
  

  1	<table class="table" cellspacing="0">
  2	<tr>
  3	<td class="modifyHeader liner">Title: </td>
  4	<td class="liner">
  5	<asp:TextBox runat="server" ID="txTitle" TextMode="SingleLine" />
  6	<asp:RequiredFieldValidator runat="server" ID="rfTitle" Text="*" ErrorMessage="Title is required." EnableClientScript="true" ControlToValidate="txTitle" />
  7	</td>
  8	</tr>
  9	<tr>
  10	<td class="modifyHeader liner">Date Posted: </td>
  11	<td class="liner">
  12	<telerik:RadDatePicker runat="server" ID="dtp" Skin="Vista" />
  13	<asp:RequiredFieldValidator runat="server" ID="rfDatePosted" Text="Date Posted is required." EnableClientScript="true" ControlToValidate="dtp" />
  14	</td>
  15	</tr>
  16	<tr>
  17	<td class="modifyHeader liner">Select File: </td>
  18	<td class="liner">
  19	<telerik:RadUpload runat="server" EnableFileInputSkinning="false" ID="RadUpload1" ControlObjectsVisibility="None" InitialFileInputsCount="1" MaxFileInputsCount="1" OverwriteExistingFiles="false" OnFileExists="RadUpload1_FileExists" TargetFolder="~/_assets/files/press" OnValidatingFile="RadUpload1_ValidatingFile" />
  20	<asp:PlaceHolder runat="server" ID="plFileExists" Visible="false">
  21	<p><asp:Literal runat="server" ID="ltFilename" /> is currently associated with this press release. If you choose to upload a new file this one will be removed. <asp:Button runat="server" ID="cmRemove" Text="Remove" SkinID="SmallButton" OnClick="cmRemove_Click" /></p>
  22	</asp:PlaceHolder>
  23	</td>
  24	</tr>
  25	<tr>
  26	<td class="modifyHeader liner">Description: </td>
  27	<td class="liner">
  28	<asp:TextBox runat="server" ID="txDescription" TextMode="SingleLine" />
  29	</td>
  30	</tr>
  31	<tr>
  32	<td colspan="2" align="center">
  33	<telerik:RadProgressArea runat="server" ID="RadProgressArea1" Width="100%" Skin="Vista" ProgressIndicators="CurrentFileName, TimeElapsed, TimeEstimated, TotalProgress, TotalProgressBar, TransferSpeed" />
  34	<telerik:RadProgressManager runat="server" ID="RadProgressManager1" />
  35	</td>
  36	</tr>
  37	</table>

  
  Master Page (content above is inside the cpContent placeholder)
  
  

  1	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2	<html xmlns="http://www.w3.org/1999/xhtml" >
  3	<head id="Head1" runat="server">
  4	<link rel="stylesheet" href="_assets/styles/admin/modal.css" type="text/css" />
  5	<link rel="stylesheet" href="_assets/styles/admin/controls.css" type="text/css" />
  6	<asp:ContentPlaceHolder runat="server" ID="cpHeader" />
  7	</head>
  8	<body>
  9	<div class="wrapper">
  10	<form id="Form1" runat="server">
  11	<asp:ScriptManager runat="server" ID="ScriptManager1" />
  12	<%--<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Default2006" />--%>
  13	<script language="javascript" type="text/javascript">
  14	//Common function to get the instance of the
  15	//RAD Window the page is currently displayed in.
  16	function GetRadWindow() {
  17	var oWindow = null;
  18	if (window.radWindow) oWindow = window.radWindow;
  19	else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow;
  20	return oWindow;
  21	}
  22	</script>
  23	<div id="outer">
  24	<div id="content">
  25	<asp:ValidationSummary runat="server" ID="vs" EnableClientScript="true" HeaderText="The following errors were encountered: " />
  26	<asp:ContentPlaceHolder runat="server" ID="cpContent" />
  27	</div>
  28	</div>
  29	</div>
  30	<asp:Literal runat="server" ID="ltResponse" />
  31	<div class="footer">
  32	<asp:ContentPlaceHolder runat="server" ID="cpFooter" />
  33	</div>
  34	</form>
  35	</body>
  36	</html>

  
  Modal stylesheet:

  1	* {
  2	margin: 0;
  3	}
  4	html, body {
  5	height: 100%;
  6	}
  7	.wrapper {
  8	min-height: 100%;
  9	height: auto !important;
  10	height: 100%;
  11	margin: 0 auto -26px; /* the bottom margin is the negative value of the footer's height */
  12	}
  13	.footer, .push {
  14	height: 26px; /* .push must be the same height as .footer */
  15	background-color: #ABABAB;
  16	text-align: rightright;
  17	line-height: 20px;
  18	color: #FFFFFF;
  19	padding-right: 10px;
  20	}
  21
  22	body {
  23	margin: 0px 0px 0px 0px;
  24	font-family: Calibri, Arial;
  25	font-size: 12px;
  26	}
  27
  28	#outer {
  29	width: 100%;
  30	overflow: hidden;
  31	}
  32
  33	#content {
  34	width: 90%;
  35	margin-left: 5%;
  36	margin-right: 5%;
  37	padding: 10px 0px
  38	}

  
  Controls CSS:
  
  

  1	/* Standard Link Button */
  2	.button
  3	{
  4	font-weight: bold;
  5	font-size: 11px;
  6	font-family: Segoe UI,Arial,Helevetica,Sans-Serif;
  7	line-height: 1.35;
  8	text-align: center;
  9	color: #2b333c;
  10	background-image: url(../../images/buttonbg.gif);
  11	background-repeat: repeat-x;
  12	background-attachment: scroll;
  13	border-top-width: 3px;
  14	border-right-width: 3px;
  15	border-bottom-width: 3px;
  16	border-left-width: 3px;
  17	border-top-style: double;
  18	border-right-style: double;
  19	border-bottom-style: double;
  20	border-left-style: double;
  21	border-top-color: #c4cccc;
  22	border-right-color: #acb5b5;
  23	border-bottom-color: #6f7777;
  24	border-left-color: #acb5b5;
  25	padding-top: 1px;
  26	padding-bottom: 1px;
  27	cursor: pointer;
  28	}
  29
  30	.button:hover
  31	{
  32	border-top-width: 3px;
  33	border-right-width: 3px;
  34	border-bottom-width: 3px;
  35	border-left-width: 3px;
  36	border-top-style: double;
  37	border-right-style: double;
  38	border-bottom-style: double;
  39	border-left-style: double;
  40	border-top-color: #aedf9a;
  41	border-right-color: #94da78;
  42	border-bottom-color: #6ab94b;
  43	border-left-color: #94da78;
  44	}
  45
  46	.smallbutton
  47	{
  48	font-weight: bold;
  49	font-size: 9px;
  50	font-family: Segoe UI,Arial,Helevetica,Sans-Serif;
  51	line-height: 1.0;
  52	text-align: center;
  53	color: #2b333c;
  54	background-image: url(../../images/buttonbg.gif);
  55	background-repeat: repeat-x;
  56	background-attachment: scroll;
  57	border-top-width: 1px;
  58	border-right-width: 1px;
  59	border-bottom-width: 1px;
  60	border-left-width: 1px;
  61	border-top-style: double;
  62	border-right-style: double;
  63	border-bottom-style: double;
  64	border-left-style: double;
  65	border-top-color: #c4cccc;
  66	border-right-color: #acb5b5;
  67	border-bottom-color: #6f7777;
  68	border-left-color: #acb5b5;
  69	padding-top: 1px;
  70	padding-bottom: 1px;
  71	cursor: pointer;
  72	}
  73
  74	.smallbutton:hover
  75	{
  76	border-top-width: 1px;
  77	border-right-width: 1px;
  78	border-bottom-width: 1px;
  79	border-left-width: 1px;
  80	border-top-style: double;
  81	border-right-style: double;
  82	border-bottom-style: double;
  83	border-left-style: double;
  84	border-top-color: #aedf9a;
  85	border-right-color: #94da78;
  86	border-bottom-color: #6ab94b;
  87	border-left-color: #94da78;
  88	}
  89
  90
  91	.username
  92	{
  93	padding-left: 22px;
  94	height: 15px;
  95	background-repeat: no-repeat;
  96	background-color: #FFFFFF;
  97	background-image: url('../../images/person.png');
  98	font-family: "Segoe UI", Calibri, Arial;
  99	font-size: 12px;
  100	vertical-align: middle;
  101	}
  102	.password
  103	{
  104	padding-left: 22px;
  105	height: 15px;
  106	background-repeat: no-repeat;
  107	background-color: #FFFFFF;
  108	background-image: url('../../images/keys.png');
  109	font-family: "Segoe UI", Calibri, Arial;
  110	font-size: 12px;
  111	vertical-align: middle;
  112	}
  113
  114	.table
  115	{
  116	width: 90%;
  117	margin-left: auto;
  118	margin-right: auto;
  119	}
  120
  121	.liner
  122	{
  123	padding: 6px;
  124	border-bottom: solid 1px #CDCDCD;
  125	}
  126
  127	.modifyHeader
  128	{
  129	font-weight: bold;
  130	font-size: 13px;
  131	width: 125px;
  132	vertical-align: top;
  133	whitewhite-space: nowrap;
  134	}
  135
  136	.textbox
  137	{
  138	font-size: 12px;
  139	width: 90%;
  140	font-family: "Segoe UI", Calibri, Arial;
  141	}
  142
  143	.multiline
  144	{
  145	font-size: 12px;
  146	width: 90%;
  147	height: 150px;
  148	font-family: "Segoe UI", Calibri, Arial;
  149	}
  150
  151	.dropdown
  152	{
  153	width: 300px;
  154	whitewhite-space: nowrap;
  155	font-size: 12px;
  156	font-family: "Segoe UI", Calibri, Arial;
  157	}
  158	.saveBar
  159	{
  160	background-color: #DEDEDE;
  161	}

  
  As stated previously though, this was all copied directly from a live project and only slightly modified (the fields in use) but that project is using an older version of the Telerik suite (2008.1.619.0 to be exact).
  
  
  

  Reply

• Kamen Bundev Kamen Bundev

  Posted on Jul 24, 2009 (permalink)

  Hello Scott,
  
  Can you try the latest internal build and see if there are still problems with it? There was a batch of fixes to RadUpload in the beginning of this week.
  
  Sincerely yours,
  Kamen Bundev
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Check out the tips for optimizing your support resource searches.

  Reply

• Craig Hathaway

  Posted on Aug 17, 2009 (permalink)

  Hi Telerik Support,
  
  I just upgraded to 2009Q1 (2009.1 527) and my site is now broken for uploads too. Has this issue been resolved in another thread?
  
  I also have the CSS tag: "position: relative;" for page layout.
  
  I have a deployment waiting for this fix so require production ready version of the controls. Can you give an ETA on the fix or advise whether I need to rollback to v2008?
  
  Regards,
  
  
  
  
  

  Reply

• Alex Gyoshev Alex Gyoshev

  Posted on Aug 17, 2009 (permalink)

  Hello Craig,
  
  The issue has been fixed in later releases. There is already a 2009.Q2 release - why not upgrade to it? We've integrated major fixes for RadUpload between the two versions, and there shouldn't be more issues with its positioning.
  
  Best wishes,
  Alex
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Check out the tips for optimizing your support resource searches.

  Reply

• Craig Hathaway

  Posted on Aug 17, 2009 (permalink)

  Hi Alex,
  
  I appreciate the speedy reply. Q2 2009 is listed as a 'BETA' in my downloads and the filename (RadControls_for_ASP.NET_AJAX_2009_2_616_BETA_dev.msi) indicates this is a 'dev' build.
  
  Is this status incorrect or do i need to pay for an upgrade to get the fix?
  
  Regards,
  
  

  Reply

• John

  Posted on Aug 17, 2009 (permalink)

  We are also seeing this issue now.  Works on version 2008.3.1105.35, but when upgrading to 2009.2.701.35, it fails to launch the file selector in IE7 and FF2.  However, IE6, IE8, and FF 3 are ok.
  
  Please advise.  Thanks!!

  Reply

• John

  Posted on Aug 17, 2009 (permalink)

  Well, found a workaround by adding "position:relative" to the parent table that the upload control resides in.  Should also be noted this was being popped up inside an ajax toolkit modal.

  Reply

• Craig Hathaway

  Posted on Aug 17, 2009 (permalink)

  Thanks John, i tried this but found that with postion:relative, only every 4-5 mouse clicks are being registered. By registered I mean that the button is visibly depressed, not that the dialog appears.
  
  When CSS is disabled on the page, the browse button works fine. The problem seems to do with script that repositions the Select button & textbox over the top of browse controls.
  
  Telerik, any chance of fix?

  Reply

• Alex Gyoshev Alex Gyoshev

  Posted on Aug 19, 2009 (permalink)

  Hello Craig,
  
  I'm sorry for my mistake - I misinterpreted your account information (and I thought that your subscription has not expired). You can try out whether the new version (2009.Q2, not beta) is suitable by downloading a trial version of it.
  
  Sincerely yours,
  Alex
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Check out the tips for optimizing your support resource searches.

  Reply

• Kari

  Posted on Aug 19, 2009 (permalink)

  Hi,
  We are experiencing the same problem with RadUpload 2009Q2. It works in IE8, but when you click Select button on Firefox 3 nothing happens.
  The Error Console displays the following error when you move the mouse over the control:
  
  Error: [Exception... "'Sys.ArgumentOutOfRangeException: Sys.ArgumentOutOfRangeException: Value must be an integer.
  Parameter name: y
  Actual value was -12.5.' when calling method: [nsIDOMEventListener::handleEvent]"  nsresult: "0x8057001c (NS_ERROR_XPC_JS_THREW_JS_OBJECT)"  location: "<unknown>"  data: no]
  
  It worked with 2009Q1 version.
  
  Regards,
  
  Kari Bengs

  Reply

• Alexandre

  Posted on Aug 20, 2009 (permalink)

  Hey all,
  
  I was facing the same issue: The select button stopped working in IE7 when I upgraded from 2009 Q1 to 2009Q2 (2009.2.701.35). It still works fine in FF3 though. The work around to set EnableFileInputSkinning="false"  worked like a charm for IE7. I lost the nice format but this is an internal app and users really don't care too much about the button format.
  
  The control works fine when it's dropped in a web form. However, in my case, the control is placed inside a user control for the RadGrid to use when EditFormType="WebUserControl".
  
  I hope this is fixed in the upcoming 2009 Q2 SP1 or even Q3.
  
  
  

   

  Reply

• John

  Posted on Aug 20, 2009 (permalink)

  If you turn off skinning on the telerik file upload, really, why use the control?  That's all it does different.  Might as well use the native control.  Nevertheless, as I was debugging this, I tried that, which triggered a half-dozen javascript errors.

  Reply

• Alex Gyoshev Alex Gyoshev

  Posted on Aug 24, 2009 (permalink)

  Hello all,
  
  @Kari: can you please open a support ticket and provide us with a test case? We'll do our best to include it in the SP.
  
  @Alexandre: I'll investigate the issue and hopefully, fix it for the SP.
  
  @John: You're completely right! The only other benefit is the add/remove of rows and the progress area, but they are rather weak features compared to the styling. The styling, however, is rather "hacky", and thus, introduces so many problems. We have to do better this - yet we obviously cannot cover all of the scenarios. I promise that we'll refine the algorithm until we do.
  
  Sincerely yours,
  Alex
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Check out the tips for optimizing your support resource searches.

  Reply

• Kamen Bundev Kamen Bundev

  Posted on Aug 31, 2009 (permalink)

  Hello All,
  
  I want to throw in some additional information:
  
  @Kari: this issue was fixed shortly after Q2 release and the fix is available with the SP1. Was also happening in Safari for Mac.
  
  @Alexandre: If you're using Quirksmode, there was a change in the rendering in Q2 SP1 that ensured almost perfect support for this mode (and as a result for Sharepoint).
  
  @John: The javascript errors when the skinning is turned off have been fixed in Q2 SP1.
  
  @All: There was also an issue in IE when if you press the select button and slightly drag, the dialog fails to fire. This was partially fixed in Q2 SP1, ensuring that a small drag inside the button will fire the dialog. However if you drag from one side of the button to the other it will still fail (this luckily is not a common use case).
  
  Regards,
  Kamen Bundev
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

  Reply

• Andrea

  Posted on Sep 10, 2009 (permalink)

  I have this problem too, when the upload panel loaded the mouse cursor over the Select button is "text" type, the click fails the upload but appears the blinking text prompt.
  
  This with the latest internal release.
  
  
  Best Regards
  

  Reply

• Kamen Bundev Kamen Bundev

  Posted on Sep 16, 2009 (permalink)

  Hi Andrea,
  
  The default file input behavior in IE6/7 is to allow the user to write directly in the input text area. In IE8 due to security reasons the user is not allowed to write directly but the file selection dialog is not fired when you click there. We are trying to copy the default IE behavior in our RadControls for ASP.NET AJAX and that's why in IE the file selection dialog is not fired when you click on the input text area.
  
  Sincerely yours,
  Kamen Bundev
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

  Reply

• Marco Laurito

  Posted on Dec 17, 2009 (permalink)

  Dear Sirs,
  i have the same problem of file selection not fired... I have the latest RadUpload 2008 Q3...
  
  But i read here that even with the latest 2009 Q2 build is still an issue...
  
  Is this issue fixed?
  
  Thank you.
  
  

  Reply

• Veselin Vasilev Veselin Vasilev

  Posted on Dec 22, 2009 (permalink)

  Hi Marco Laurito,
  
  The current latest official release is Q3 2009 SP1. If  you cannot upgrade to it I suggest to send us a sample page where the problem is reproducible with your version and we will try to find a solution for your case.
  
  Thanks
  
  Sincerely yours,
  Veselin Vasilev
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

  Reply

• Pierre Master

  Posted on Jan 22, 2010 (permalink)

  Hi,
  
  Still same issue 2009.3.1103.35. Not firing the selected button under FF works under IE7. Not using custom styles linked to RadUpload but i have used one external css herited from Sitefinity in global1 line 372 :).
  

  /*Form elements*/

  .mainForm

   

  input,.mainForm textarea{width:355px}

   

  
  This is extending the radupload input zone (ruFakeInput) of file names and pushing the select button to left. In this case the select button not firing anymore. I have fixed with EnableFileInputSkinning="false" like others post suggest or moving these other css def. It's like you move the image of the fire zone of the item.
  Advice, please.
  
  Regards, Romi
  
  

  Reply

• Kamen Bundev Kamen Bundev

  Posted on Jan 26, 2010 (permalink)

  Hello Pierre,
  
  The problem is that input type file can't be styled (its width can't be changed through CSS) in Firefox and Webkit - you are changing only the width of the fake input that we use for styling and at the same time the real input type file that is hidden remains the same width (though reports the changed one) which leads to errors when calculating its position. The proper way to resize the RadUpload file input is to set its InputSize attribute (measured in characters since it sets the size attribute of the input control - in your case around 57).
  
  You can also override the width setting for the .ruFileInput, but this is a hack and can probably lead to other issues:
  .RadUpload .ruFileInput { width: auto; }
  
  Kind regards,
  Kamen Bundev
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

  Reply

• Kellie

  Posted on Jan 26, 2011 (permalink)

  Just in case this is a solution for others who have my particular situation.
  Setting the Height as 20px on the RadUpload fixed my styling problem. It also addressed my problem of not being able to select.
  I tried alot of stuff, so I lucked out with that.
  
  Kellie Harrisson
  Sierra Systems

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Upload > Select does nothing