jquery custom stylesheets

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
12/8/2009 6:47:19 AM
Gravatar
Total Posts 4

jquery custom stylesheets

I am having a problem understanding the jquery styles in mojo.

I have created a custom theme using themeroller, which gives me a jquery-ui-1.7.2.custom.css.

It also gave me a modified ui.theme.css plus the other ui.xxx stylesheets.

I then add this to style.config as <file>jquery-ui-1.7.2.custom.css</file> and make sure I am referencing the images correctly.

However, even though I can see the CSS using the webdeveloper tool in firefox, it does not seem to implementing the styles.

Is there any way to call in my own ui.xxx stylesheets as opposed to the google hosted stylesheets?

12/8/2009 3:00:29 PM
Gravatar
Total Posts 4

Re: jquery custom stylesheets

OK - I think I may have found the answer (see http://www.mojoportal.com/intranets-and-private-networks.aspx)

I will give this a go tomorrow (UK) and see if that works. If anyone knows any different then please let me know.

thanks

12/9/2009 7:44:44 AM
Gravatar
Total Posts 18439

Re: jquery custom stylesheets

As long as you are connected to the internet the jquery stuff should work without hosting the main jquery files locally. If you are working ith a laptop and not always connected to the internet then the link about private networks may be relevant.

If you include a stylesheet with css for styling a jquery widget it should override any css included from google because your css will be included below the css from google and this should override styles from the google jquery css.

I would use Firebug plugin to inspect the html of the jquery widget after the page renders and make sure your css is using correct classes to style it. You can also inspect the network traffic with Firebug and see if it is getting any 404 errors in pulling in images declared in your css.

Hope it helps,

Joe

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