Missing style sheets after deployment?

When viewing the file upload control on my development machine, everything appears properly like this:

View post on imgur.com

However after deploying to a web server, it looks like this:

View post on imgur.com

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.

Hello pkarski ,

Thank you for posting in our forums.

Can you please let us know what is the OS of the server where you are deploying the application to?

Also an isolated sample reproducing the behavior will be appreciated in order to investigate the issue further.

Hope hearing from you.

Was there a resolution to this situation?

I have the same problem with the Webupload control and the rounded corners.

Development:

• OS: Windows 7 64bit
• IIS 7.5 (I run the app through IIS and not the WebDev server.)
• VS 2010
• Internet Explorer : version 9 – works
• Chrome – perfect, no problems
• Firefox – no problems

Server:

• OS : Windows Server 2008
• IIS 7.0
• IE 9 – rounded corners not working
• Chrome – works
• Firefox – doesn't

IE 9.0.8112

Scripts that are referenced in page:

    <link href="/DSWeb/Styles/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" />
    <link href="/DSWeb/Styles/tre.css" rel="stylesheet" type="text/css" />
    <link href="/DSWeb/ig_ui/themes/base/ig.ui.min.css" rel="stylesheet" type="text/css" />

    <script src="/DSWeb/scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="/DSWeb/scripts/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script>
    <script src="/DSWeb/ig_ui/js/min/ig.ui.min.js" type="text/javascript"></script>

Control Tag configuration:

    <ig:WebUpload ID="WebUpload1" runat="server" AutoStartUpload="true"  Mode="Single" ShowFileExtensionIcon="true"
            ProgressUrl="~/IGUploadStatusHandler.ashx"
        onuploadfinished="WebUpload1_UploadFinished"
        onuploadfinishing="WebUpload1_UploadFinishing" ToolTip="Upload.aspx"
         >
        <ClientEvents OnError="onErrorHandler" FileUploaded="onUploadFinished" FileSelected="onUploading" />
    </ig:WebUpload>

 

I copied my site directly from dev to the server.  I would suspect that I'm missing a file resulting in the rounded corners not working, but it works in FF and Chrome. 

I've attached a screenshot to illustrate the problem.  You can see in the address bar which one is local vs server.  Please let me know if there is something I can look for on my end to help you solve this problem.

Thank you.

Hi there,

Go to tools->compatibility view settings on your IE and make sure that Intranet sites do not display in compatibility mode. By default they do.

Let us know if this is not what's causing the rounded corners to diappear.