Hi,
I amusing the WebUpload control and it does not show the file name depending on the width of the div that it is rendered in. I have attached a project which reproduces this problem (I have removed all files from the ig_ui folder so that I could upload the project). I know that if I remove "margin: 0px auto 0px auto;" from the style of the div this problem dissapears but the div is then left aligned. Does anyone have an idea how I can fix this problem.
Thanks
Hello wakefl,
Let me know if I understood the issue correctly. When you have a style “margin: 0px auto 0px auto” for the div inside which the web upload is the name of the file is not completely visible as in the attached screenshot.
If you set some width to the uploader that seems to be resolved. So for set the width accordingly for each uploader and let me know if you have any questions or concerns or if I’ve misunderstood the issue.
Best Regards,
Maya Kirova
Developer Support Engineer
Infragistics, Inc.
http://ko.infragistics.com/support
Hi Maya,
Thanks for the quick response. I have tried setting the width on the uploaders but this does not resolve my issue. The attached screenshot is a result of the following code:
<body>
<form id="form1" runat="server">
<div style="margin: 0px auto 0px auto; width: 700px;">
<h2>
Without setting uploader width
</h2>
<ig:WebUpload ID="WebUpload4" runat="server" Mode="Single">
</ig:WebUpload>
</div>
<div style="margin: 0px auto 0px auto; width: 800px;">
<ig:WebUpload ID="WebUpload5" runat="server" Mode="Single">
<div style="margin: 0px auto 0px auto; width: 900px;">
<ig:WebUpload ID="WebUpload6" runat="server" Mode="Single">
Setting uploader width
<ig:WebUpload ID="WebUpload1" runat="server" Mode="Single" Width="600px">
<ig:WebUpload ID="WebUpload2" runat="server" Mode="Single" Width="600px">
<ig:WebUpload ID="WebUpload3" runat="server" Mode="Single" Width="600px">
</form>
</body>
Hello Maya,
I have no idea why but my upload controls now appear to be working correctly although I have not changed anything since I last posted.
If I come across the problem again I will see if I can work out what was different and will post it.
Thanks for your help.
Luke
Hello Luke,
I apologize about the delay. I’m still unable to reproduce this issue. Please see the attached screenshot. This is how the sample behaves on IE9 on my side.
I’ve also tested if the file names happens to contain white spaces but that also seemed to work fine on my side. If there anything special in the name of the file you’re uploading?
Hell Maya,
I have tried your sample in IE9, Firefox and Google Chrome and am experiencing the same problem in all browsers. I have checcked the version in the infragistics.js file and this is correct and I have upgraded the site to use Infragistics version 12.2.20122.2014 and the latest jquery and the problem still persists.
I have uploaded another sample now which includes all of the files that I am using. Could you please see if you can reproduce the problem I am experiencing using this sample?
Many Thanks
I’ve tested this on my side but was unable to reproduce the same behavior. Is this specific to any browser and if so which one of its version are you using?
I’m attaching the sample I tested on. Let me know also if I’m missing something.
Could you check whether you’re using the ig script from version: 12.2.20122.1007 as well ? When you open the Infragistics.js file you use the version should be specified on top. It should be:
* infragistics.js
* Version 12.2.20122.1007
…
In the attachment i've also added a screenshot of how this looks on my side on IE9.
I’m looking forward to your reply,