Telerik MVC 3 site not rendering after deploying to IIS7

[KooterB]

I am a noob at deploying mvc code. Basically i have a windows server 2008 instance that i setup to host a MVC3 website that uses mvc telerik extensions. The website loads perfectly fine in my local dev box, but once it is deployed it loses all the jquery and styling it seems, also my database connection does not appear to be working because there is no data populated in the poorly rendered grids for my views. the website is located here: WebSite. This page is a view that has a tabstrip that have links to partial views. When the page loads you will see that when you click on a tab it does not render like the attached image displays.  I have checked to make sure that the style sheets and telerik dlls are included in the deployment when the website is deployed to IIS.  Also you will notice that there is no data in the grids. This confuses me because I used the same connection string in the debug.config except I placed the underlying SQL connection string in there in this format:

 

<add name="PayRentEntities" connectionString="metadata=res://*/Models.PayRent.csdl|res://*/Models.PayRent.ssdl|res://*/Models.PayRent.msl;provider=System.Data.SqlClient;provider connection string="data Source=SQL001; Initial Catalog=PayRent; User ID=****; Password=******!;MultipleActiveResultSets=True"" providerName="System.Data.EntityClient"/>

Also you will notice that when you click on the tabs the address changes at the top which means it is not loading the partial view within the parent view. In the VS on my local machine the content loads nicely within the main Admin View. Here is the code for the Apartment View to be loaded within the Admin Tabstrip view

parent.Add()
                    .Text("Apartments")
                    .LoadContentFrom("ApartmentGridOnDemand", "Apartment");

 
            

[Georgi Tunev]

Hi Kooterb,

I checked that site with Firebug and I noticed a couple of internal server errors (see attached screenshot). I would suggest to disable the custom errors in your application's settings and then to examine the Response for these errors in Firebug - I believe this will help you pinpoint the reason for the problem.

Kind regards,
Georgi Tunev
the Telerik team

[KooterB]

Wow. Thanks that cleared it right up. I was missing a jquery library file in my scripts folder.  The application loads and the database is working. I now just have one minor issue with the footer of the Telerik Grid which is not aligning properly at the bottom of the grid. If you check out the website you can see this occurrence. I will be trying to look into it in the meantime if you see a simple solution please let me know.
Thanks!

[Dimo]

Hello Kooter,

The problem with the Grid pager is caused by uncleared floats. There should be the following CSS rule in telerik.common.min.css:

.t-grid-pager
{

    border-style: solid;

    border-width: 1px 0 0;

    line-height: 1.8em;

    overflow: auto;

    padding: 0.2em 0.6em;

}

The overflow:auto style clears the floats of the elements inside the pager. For some reason you don't have the above CSS rule. Have you modified the file? Or maybe you are using an older version of the base stylesheet?

All the best,
Dimo
the Telerik team

[KooterB]

Thanks for the response. I added the following you provided to the telerik.common.min.css and I don't see any change...attached the file so you can see 

Thanks

[Dimo]

Hi Kooter,

Please clear the browser cache, I already see the problem resolved on your live URL. However, please note what I said previously - you seem to be using an old or modified version of the CSS files, which do not include all latest stuff. Please check this and upgrade.

All the best,
Dimo
the Telerik team

[KooterB]

Will do thanks!!