FCK editor styling issue

10/23/2009 6:57:47 AM

em:two

Total Posts 10

View Posts

Hi all

Just doing my first mojo skin for a client (first use of mojo for me!) and i'm very impressed with the system so far.

One problem I'm having is that my content looks great on page, however when I hit the edit button I want the same content to be styled the same inside the FCKeditor (don't like the image upload for TinyMCE or I'd use that, personal preference is all).

At the moment it just isn't, it's styled bog standard (Time New, black).

I've seem some skins that have styled this fine but having looked through the stylesheets I can't find where to style mine. I've tried adding:

textarea{my:css;}

but it does nothing.

Check out the screenshots:

Styled on page: http://www.thedesignloft.co.uk/external/onpagestyled.jpg

Unstyled in editor: http://www.thedesignloft.co.uk/external/editpageunstyled.jpg

Apologies if this has come up before but any help would be great.

Thanks in advance

Mark

10/23/2009 2:12:46 PM

Joe Audette

Total Posts 18439

View Posts

Re: FCK editor styling issue

Hi,

What version of mojoPortal are you running now? Did you upgrade from an older version?

By default, the editor uses the same css url as the skin so it should generally work in all skins as long as you have the stylesheetcombiner control in your layout.master file as described here and as seen in included skins in /Data/skins.

Hope it helps,

Joe

btw, both of the links you gave result in page not found when clicked

if your site is a public site I could diagnose it more easily.

10/24/2009 5:34:26 AM

em:two

Total Posts 10

View Posts

Re: FCK editor styling issue

Hi Joe

I'm using the version currently shipping with the Web Platform Installer which I don't think is the latest version. I have to install remotely for the client next week so I'll install the latest version via download and see if that remedies it.

Thanks for the assistance!

Mark

10/24/2009 6:34:57 AM

emtwo

Total Posts 160

View Posts

Designer of over 25 unique and custom mojoPortal sites with DMSQD and sister company, The Design Loft - www.dmsqd.com

Re: FCK editor styling issue

Hi Joe, again!

Just thought; I'm not using the stylesheetcombiner as it's a legacy HTML site and I dont really want to have to rework the entire stylesheet structure. The whole site works fine except the FCKeditor - is there anyway of applying styling to the editor without using the combiner?

Not ideal I know but it wasnt intended as a mojo install from the start, hence quite a pain in the butt.

Next time I'll be using the combiner though!

Thanks

10/24/2009 8:23:41 AM

Joe Audette

Total Posts 18439

View Posts

Re: FCK editor styling issue

Hi,

I'm not quite understanding the relationship of your mojoportal installation to static html pages or how that would affect the way you use StylesheetCombiner in mojoPortal.

You can use the StyleSheetCombiner to include any additional css files that may be used by your html pages by listing the in the style.config file.

If your site is on a public url and I could view the source of the page I would better understand what you are doing.

Hope it helps,

Joe

10/24/2009 8:53:00 AM

emtwo

Total Posts 160

View Posts

Designer of over 25 unique and custom mojoPortal sites with DMSQD and sister company, The Design Loft - www.dmsqd.com

Re: FCK editor styling issue

Hi Joe

I'm awaiting some decisions from the client re hosting so I'll upload as soon as I can so you can look.

The point I was making re the styles is that I essentially have only 4 stylesheets in play:

style.css
dropdown.css (sorts out the dropdown menus)
dropdown_ie.css (sorts out the dropdowns with IE)
blogmodule.css (taken from an existing skin to style the blog)

so I don't use the standard stylelayout.css etc.

I'll not waste your time too much trying to explain it all - I'll come back to you when I upload to the client's test server.

Thanks again

Mark

10/24/2009 11:18:49 AM

Joe Audette

Total Posts 18439

View Posts

Re: FCK editor styling issue

Actually in the latest version we don't use stylelayout.css anymore in included skins, much of it has been consolidated into style.css, however the solution is still the same, all you need to do is list the css files you are using in the style.config file and put the StyleSheetCombiner back into your layout.master.

Hope it helps,

Joe

10/27/2009 10:25:58 AM

em:two

Total Posts 10

View Posts

Re: FCK editor styling issue

Hi Joe

I've still not got any remote hosting set up as the client is yet to come back to me (until Thursday). But, I have upgraded my local mojo install to the latest version and still have the same issue.

What I have done is use the StyleSheetCombiner to import my styles but FCK (and any editor I choose from Admin) still don't display styled text in the editor, they just display standard (in FCK's case) Times New Roman black text.

Here's my head tag code to import the styles:

<portal:StyleSheetCombiner id="StyleSheetCombiner" runat="server" JQueryUIThemeName="ui-lightness" />

And my style.config

<file>style.css</file>

<file>dropdown.css</file>

<file>blogmodule.css</file>

With these being the only CSS files that my site uses - everything else looks great, just FCK causing issue.

Andy help greatly appreciated.

Thanks

Mark

10/27/2009 11:07:32 AM

Joe Davis

Total Posts 2254

View Posts

Re: FCK editor styling issue

Hi Mark,

I'm curious, does your Style.css contain all of the selectors that come with mojoPortal skins or just the ones you have from your original site design?

-Joe D.

10/27/2009 11:09:46 AM

em:two

Total Posts 10

View Posts

Re: FCK editor styling issue

Hi Joe

It contains alot of existing styles from the old HTML but then alot from the portal too for the left, right and center columns.

Do you think it could be that causing an issue?

10/27/2009 11:30:34 AM

Joe Davis

Total Posts 2254

View Posts

Re: FCK editor styling issue

It all depends on what is in the style.css. For instance; if you don't have H1 defined in your CSS, all of the editors are going to style it according to their default.

A quick check, how do you define your default font for your site? Most of the provided skins define it in the body selector:

body {font: 70%/1.5 Verdana, 'Trebuchet MS', arial, sans-serif;}

If you are defining the font with a unique selector, the editors aren't going to know that.

-Joe D.