Local jquery theme css file

This forum is only for questions or discussions about working with the mojoPortal source code in Visual Studio, obtaining the source code from the repository, developing custom features, etc. If your question is not along these lines this is not the right forum. Please try to post your question in the appropriate forum.

Please do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.

This forum is for discussing mojoPortal development

You can monitor commits to the repository from this page. We also recommend developers to subscribe to email notifications in the developer forum as occasionally important things are announced.

Before posting questions here you might want to review the developer documentation.

Do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.

This thread is closed to new posts. You must sign in to post in the forums.

8/31/2010 9:02:36 PM

John S

Total Posts 190

View Posts

Local jquery theme css file

Hi All,

I'm having a little trouble after updating latest code. (haven't updated since it went to vs2010) I have my own custom jquery ui css file specified in the style.config file. But now it seems when the stylesheet combiner has IncludejQueryUI="false", then no jqueryui javascript is loaded either, even when IncludejQueryUICore="true" is specified in the script loader. It works if I set the ui theme to "none" (or something not valid), but then it's making a useless call to google on every page. One other issue I seem to be having now is the drop down menus are not stretching out wide enough to accommodate the text of the menu item, which works fine on the current site (http://www.metrotransit.org). Now I'm getting dropdowns that are too narrow and text is wrapping and overlapping. Any helpful ideas would be much appreciated.

Thanks,

John

9/1/2010 7:43:57 AM

Joe Audette

Total Posts 18439

View Posts

Re: Local jquery theme css file

Hi John,

Regarding the first problem you are right it is a bug it should not disable the javascript loading from scriptloader if you disable it on the stylesheetcombiner.

This is now fixed in the repository if you pull changes then run update.

Regarding the menu issues, this is most likely caused by the change to .NET 4 and corresponding differences in menu behavior. I .NET 4 they use some javascript to set some styles on the menu. I encountered problems with menus on a number of the included skins when we first changed to .NET 4.

You could solve it easily by changing this setting in Web.config <pages ...controlRenderingCompatibilityVersion="4.0" to 3.5

but I would recommend not doing that since you lose some benefits of .NET 4 doing that and it is possible to solve the problems with CSS.

What I found by using Firebug was that hard coded styles are applied to the menu by javascript and some of these may contradict what you have in CSS. The only way to fix it is to add !important on the styles in your css that are being changed by javascript.

Example from andreasviklund-02:

div.AspNet-Menu-Horizontal { margin: 0px 0px -9px 0px !important; padding: 10px 0px 0px 0px; width:100%; height: 29px; background: #e0e0e0; float:none !important; }

I had to add the !important in those places to fix it. You may need different things, the trick is to inspect with firebug and figure out what is contradicting your css.

Best,

Joe

9/1/2010 8:39:32 AM

John S

Total Posts 190

View Posts

Re: Local jquery theme css file

Thanks Joe, I'll get an update for the first part and just dig into the second. I did see the related post on your blog about the menus. I just wanted to check that this particular behavior wasn't something other people gone over already.

You must sign in to post in the forums. This thread is closed to new posts.