Customized skin and Admin inputs no longer firing

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.
1/26/2012 3:42:57 PM
Gravatar
Total Posts 130

Customized skin and Admin inputs no longer firing

Hello,

I'm running on 2.3.7.6 multisites mode and am testing out a new skin.  Honestly I don't remember which skin this started out as, possibly styleshout. The theme.skin has stayed the same, I've added some extra css files, and made sure all the necessary mojoPortal controls are present in the master.layout. The skin looks great, but all of the Admin inputs are not firing.  For example, on "Edit this Page" "Add new content" does nothing upon clicking it, nor do the arrows to move existing content modules to other columns.  There is no script error being thrown.  On "Page Settings" "delete" works but not "save".

I have no idea what I've fudged up, as to my knowledge all I was doing was adding the css styles an images.  I've removed the css from the style.config but still the inputs are not functioning.  Any suggestions?

Thanks,

~ Beth

1/26/2012 4:08:11 PM
Gravatar
Total Posts 2239

Re: Customized skin and Admin inputs no longer firing

Hi Beth,

Is the site public? If so, please share a link and I'll take a look. You may want to use the "Console" tab in FireBug to see any script errors.

Thanks,
Joe D. 

1/27/2012 5:59:10 AM
Gravatar
Total Posts 18439

Re: Customized skin and Admin inputs no longer firing

Hi Beth,

Have you tried using a different browser or clearing the browser cache. If the problem persists you can zip the skin and email it to me and I'll check it out.

Best,

Joe

1/27/2012 9:12:54 AM
Gravatar
Total Posts 130

Re: Customized skin and Admin inputs no longer firing

Hello,

I put the skin on a sample site ... please understand that the skin is not final and I'm still putting it together.

http://cms.aa.ufl.edu/2nd-level-with-image.aspx

I have firebug installed in FF and am not getting any script errors in the console.  I've tried it in other browsers and the inputs do not work. It must be something in the layout.master because I replaced it with a working skins' layout.master and the inputs worked.  I've referenced "Understanding the layout.master" page in documentation to ensure that I had the minimum-required elements mojo needs and those controls are present.

I used an online Diff tool to compare my layout.master files to see what controls were missing from the new layout.master, then added those in and the inputs are still not working. I suppose the next thing I'll do is start with the original layout.master and one by one add in elements from the new and see at which point it breaks.

Joe A - I've emailed you the skin files (and also some js for the ClientScript directory) in the event that you see something glaring.

Thanks for all the help.

~ Beth

1/27/2012 10:18:47 AM
Gravatar
Total Posts 18439

Re: Customized skin and Admin inputs no longer firing

Hi Beth,

The main problem is caused by your search form. In ASP.NET WebForms there can be one and only one form element on a page and the page already has one but you've added another one inside it and I believe the closing form element of your added form is being interpreted as the end of the main form by ASP.NET.

The way to solve that is to implement your search as a user control and embed the user control in the master page. Then in your user control insterad of using a form element use an asp:Button and set the postback url to the url of your search page and that will make it post to that page using the existing form on the page.

Other than that it seems your skin won't work with CombineCss set to true, I can probably fix that for you and send it back to you but I would possibly need to re-organize a few things in your skin folder. Even without combining css I had to copy the font and image folders out of the css sub folder into the main skin folder to get it to work locally.

A few other things I would do:

  • Remove IncludeHtml5Script="true" from the <portal:IEStyleIncludes since you are already using modernizer
  • Remove greybox and oomph from style.config since they are no longer needed or used
  • reset.css should probably be at the top of style.config
  • I'm not sure where you are adding the csspie but I would put it in the root and include using ie cmments since its only needed in ie

Let me know if you'd like me to try and solve the css combining thing, its a lot of css filles and with them not combined it adds a lot of http requests which can slow down the page load time. Also without combining them you can't really control the caching because the browser will cache those static urls.

Hope that helps,

Joe

1/27/2012 12:23:16 PM
Gravatar
Total Posts 130

Re: Customized skin and Admin inputs no longer firing

Thanks Joe! *Duh*, of course it was the second form element ... I knew it would be something silly I was overlooking.

Regarding combining the css ... would this not currently work because I've got the css in that subdirectory? If that is all it is, I can move it into the main skin directory because, yes, I would like to minify my files.

Thanks for the other suggestions, as well. I will implement them.

Best,

Beth

1/27/2012 12:32:23 PM
Gravatar
Total Posts 18439

Re: Customized skin and Admin inputs no longer firing

Hi Beth,

would this not currently work because I've got the css in that subdirectory? If that is all it is, I can move it into the main skin directory because, yes, I would like to minify my files

It would simplify things if there weren't as many folders or at least not nested beyond one level deep within the skin folder, but I think there are some things that need to be tweaked in the css itself to make it work well with our css combiner. I've had to tweak the jqueryui css in the past to get it to work when combined.

I can take a look at it now and try to fix it and send it back to you. I was only holding off in case you were making changes on your end that I don't have in the copy you sent. I'll make the minimal changes needed to get it working. If I make changes in the css I'll add comments next to them so you'll know what I did and why.

Best,

Joe

2/3/2012 10:00:22 AM
Gravatar
Total Posts 130

Re: Customized skin and Admin inputs no longer firing

Morning! I've got more skinning fun ... the skin you helped me with a few weeks ago; it's coming along nicely, in fact, I thought I was almost finished ... and then IE hit. I can't get any of the WYSIWYG editors to properly load in my skin in Internet Explorer only. I've tried TinyMCE, CKEditor and FCKEditor. I narrowed it down to a stylesheet (style.css).  When I remove that file from the style.config, the editor loads.  When I put it back, the editor does not load. I'm finding this difficult to troubleshoot, because even when I can view the editor (after removing the reference to the offending stylesheet in the style.config) I  cannot view the editor menu (Bold, Italics etc) in the source code in IE, and also don't see the three TinyMCE stylesheets loading (that are loading in FF).  So I can't tell if my style.css is overriding the TinyMCE stylesheets because they simply are not showing up as loading at all in IE. And if they truly aren't loading in IE, I don't see how a stylesheet could be preventing them from loading.

I'm in a real quandary, so any suggestions for troubleshooting this you have would be great! This is the site: http://dev.approval.ufl.edu/

If you would like me to send you the newest version of the skin so you can test out an editor, let me know and I'll send it.

Thanks,

Beth

2/3/2012 10:23:04 AM
Gravatar
Total Posts 2239

Re: Customized skin and Admin inputs no longer firing

Hi Beth,

I tried to access your site but couldn't. Is it available outside of your network?

Thanks,
Joe 

2/3/2012 12:05:49 PM
Gravatar
Total Posts 130

Re: Customized skin and Admin inputs no longer firing

Sorry about that ... I've applied the skin to a site you should be able to see: http://cms.aa.ufl.edu/new-uf-template-dev.aspx

Thanks!

~ Beth

2/3/2012 12:27:45 PM
Gravatar
Total Posts 18439

Re: Customized skin and Admin inputs no longer firing

Hi Beth,

If all else fails you can make a special css file for use with the editors, I've created a document Controlling the CSS Used In The Editors, that explains how to do it.

Hope that helps,

Joe

2/3/2012 3:36:08 PM
Gravatar
Total Posts 130

Re: Customized skin and Admin inputs no longer firing

Using IE developer tools was painful but I finally isolated two css files that were interfering and wrote some jquery to only load them on pages that are not htmledit.aspx ... this is less overhead for me to maintain (in having extra stylesheets for each site specifically for the editor pages), although it's good to know about that option in the user.config.

Thanks,

Beth

2/5/2012 11:10:29 AM
Gravatar
Total Posts 18439

Re: Customized skin and Admin inputs no longer firing

Hi Beth,

If it were my site what I would do is since you have identified the file(s) containing css that causes the problem, then do some further troubleshooting to find the specific CSS selectors/rules causing the problem by chopping everything out of the file(s) and then putting them back one by one until the problem re-appears. Once it does see if you really need the rule that is causing it, if not remove it else add something to an ie specific css file to override it.

Hope that helps,

Joe

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