Custome jQuery theme from Theme Roller causing header issues on Artisteer theme in IE9

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/16/2013 10:29:49 AM
Gravatar
Total Posts 37

Custome jQuery theme from Theme Roller causing header issues on Artisteer theme in IE9

Hello,

I'm having a strange problem with my Artisteer Template.  I've updated MojoPortal to the latest version, as well as updated Artisteer to the latest version.  I've grabbed the latest Artisteer export plugin for Mojo and exported my theme.  Everything works great in all browsers.  However, I used theme roller to create a custom jQuery theme and when I apply this custom theme it causes header issues in IE9.  It causes my header to stretch to the width of the page rather than being set at 1000px.  So, since I have three images in my header it causes one to left align, one to center align, and one to right align on the page (see screenshot links below).

I did the following to activate my custom theme:

  • added the jquery images to the "images" folder of my theme
  • added the following line to the style.config file: <file>jquery-ui-1.10.3.custom.css</file>
  • changed the line in the master.layout file to read: <portal:StyleSheetCombiner ID="StyleSheetCombiner" runat="server" UseArtisteer3="true" JQueryUIThemeName="custom-theme" UseIconsForAdminLinks="false" UseTextLinksForFeatureSettings="true" />

Am I missing something else?  Below are the screenshots.  #1 is using the built in smoothness theme in IE9.  #2 is using the custom-theme in IE9.

  • #1 IE9 (build in jQuery theme "Smoothness"): http://ssfandp.com/screenshots/IE9-smoothness.jpg
  • #2 IE9 (custom theme from "Theme Roller"): http://ssfandp.com/screenshots/IE9-custom.jpg

 

Thanks in advance!

12/16/2013 12:08:09 PM
Gravatar
Total Posts 18444

Re: Custome jQuery theme from Theme Roller causing header issues on Artisteer theme in IE9

If you use web browser dev tools are there any script errors in the javascript console?

Are there any files failing to load in the network tab?

12/16/2013 12:36:56 PM
Gravatar
Total Posts 37

Re: Custome jQuery theme from Theme Roller causing header issues on Artisteer theme in IE9

Looks like I'm getting this in the Console:

SCRIPT5: Access is denied.
 
script.js, line 111 character 25
SEC7115: :visited and :link styles can only differ by color. Some styles were not applied to :visited. 
meetings

And a lot going on in the network, but looks like a 404 result for:

URL    Method    Result    Type    Received    Taken    Initiator    Wait‎‎    Start‎‎    Request‎‎    Response‎‎    Cache read‎‎    Gap‎‎
http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/custom-theme/jquery-ui.css    GET    404    text/html    233 B    125 ms    <link rel="stylesheet">    31    0    125    0    0    372

Here is the address for the site if you'd like to take a look.  I forgot that it is open to the public (I thought we had it locked down).

http://159.238.208.76/

Thanks!

 

12/16/2013 12:42:56 PM
Gravatar
Total Posts 18444

Re: Custome jQuery theme from Theme Roller causing header issues on Artisteer theme in IE9

For custom jqueryui themes you have to self host the files. It is trying to load them from the google cdn but they don't exist there, only the standard themes exist there.

12/16/2013 12:50:23 PM
Gravatar
Total Posts 37

Re: Custome jQuery theme from Theme Roller causing header issues on Artisteer theme in IE9

Ah, OK, I definitely missed doing that step.  I will follow the instructions to get the files self hosted.  Thanks for your help Joe!

Tyler

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