When viewing the file upload control on my development machine, everything appears properly like this:
http://i.imgur.com/q27vp.jpg
However after deploying to a web server, it looks like this:
http://i.imgur.com/T5a6S.jpg
The control works fine, it just looks wrong, as if it's missing a CSS file.
These are the resources in my page header:
<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" /> <link href="ig_ui/themes/ig/jquery.ui.custom.css" rel="Stylesheet" type="text/css" /> <link href="ig_ui/themes/base/ig.ui.css" rel="Stylesheet" type="text/css" /> <script src="ig_ui/js/min/ig.ui.upload.min.js" type="text/javascript" id="igClientScript"></script> <script src="Scripts/jquery-1.5.1.min.js" type="text/javascript"></script> <script src="Scripts/jquery-ui-1.8.11.min.js" type="text/javascript"></script> <script src="Scripts/ig.ui.min.js" type="text/javascript"></script>
Any idea what may be wrong? It appears like that regardless of what browser I use,
so it isn't a browser compatiblity issue.
I do have the ig_common virtual folder on my web server as well.
Hey,
are you opening the page with one browser version on the development machine, and with another one on the web server ? The styles look "kind of" correct to me, but some older browsers do not support CSS rounded corners, so that could be a reason to have this difference in the styles. That's of course if you are using different browsers.
Thank you
Angel
Hi Angel. Here's what happens when I test:
On my development machine (using the visual studio local web server) the control appears correctly with rounded corners in IE9, Chrome and Firefox.
When I deploy the same application to an IIS server, and open it in IE9, Firefox and Chrome, the control displays without rounded corners.
Is it possible that the control is referencing some files in my Infragistics install folder in Program Files, and when deploying to our web server, that doesn't have Infragistics installed, it can no longer find those files?
EDIT: After further testing, it seems that the deployed version works properly in Chrome. However Firefox and IE9 still don't show the rounded corners. So it is definitely a browser compatibility issue.