Tiny MCE: Style Listing doesn't work

[owl]

Hi,

with enabled Tiny MCE (-Advanced) and Style Select List:

• YES, no Style Select List appears while editing a page with Tiny MCE... (reproducible on 2 different Systems with different Templates...)

Best regards,
owl

[xmanhattan]

Styles are from the styles that you create in the css templates.

[owl]

Styles are from the styles that you create in the css templates.

Styles are stuff like:

Code: [Select]

.blubb { margin: 3em; background: #000; color: #fff; }Or am I wrong? And CSS Template as in: templates/YOURTEMPLATE/css/*.css, yeah?

[ks-net]

YES it doesn't  work no matter what you check in tiny config or what css-file you add (full or relative path .. etc)

i found a hack for this

in template_css.css

after the code(don't touch any code)

Code: [Select]

@import url("layout.css"); /*layout css file*/
@import url("customize.css"); /*Use this file to customize your website*/
add any class you want,it will work .

in tiny config check that you want the template's css to apear in style's-list

it seems that tiny ignores all other choices than default template_css.css  even the @import commands above.
so you must put anything you want in that default_css.css

saying again that's a hack not the sollution. But it will work! 

[owl]

Hi,

i found a hack for this
in template_css.css

after the code(don't touch any code)

Code: [Select]

@import url("layout.css"); /*layout css file*/
@import url("customize.css"); /*Use this file to customize your website*/
add any class you want,it will work .

Nope, it doesn't, but thanks for your help :-/ (it even doesn't work, if I add code to template_css.css in okto-template)

in tiny config check that you want the template's css to apear in style's-list

Yeah, it's checked.

Best regards,
owl

[ks-net]

well working for me...

did you left blank the option of other css file and checked yes to the option for using template's css in tiny config?
did you copy any class that you need inside the template_css.css (of the default template you are using) as i said above?
did you cleared broswer's cache and reload page?

the above steps working for me ... i hope that will do the same for you.

[owl]

Yes, I did all of the above. Strange thing: NOW it works. Without changing anything (already had the h1.test-class and .blubb-class in the template, because of your tipp from above). During the previous trials I logged in/out, reloaded the site, etc. - nothing helped. But now it works. Better don't ask my why... It's kinda strange. But thank you a lot...

[xmanhattan]

Owl,

The css files template_css.css and template_css-rtl.css are for your personal changes so that you don't have to modify the other files.  They are also for the left sided and right sided formating of the pages.

You probably didn't see the change at first because your browser cache didn't update right away.

[owl]

You probably didn't see the change at first because your browser cache didn't update right away.

After about 10 Login/Logouts, and 3 hours? (+ CTRL+F5 + Browser close (which is Firefox with "clean cache, cookies and other personal data after closing")) 

[ks-net]

The css files template_css.css and template_css-rtl.css are for your personal changes so that you don't have to modify the other files.  They are also for the left sided and right sided formating of the pages.

You probably didn't see the change at first because your browser cache didn't update right away.

i quitted after two days trying
but i left 1 week the classes in the customize.css and rtl with the correct settings in tiny-config,   hundrend of reloads because of other fixes and site customizations, adding content and checking the style list but nothing happened,
i needed  some classes to appear in content so i had to
 come back to this problem....
so after 6-7 hours trying without a result   i thought to put directly the classes in template_css.css
work after the first cache-clean and page-reload.

my conclusion:
-tiny ignores all @import commands
-tiny also can't import any external-file relative or absolute path


by.

[xmanhattan]

Owl,

I use a local server.  This allows me to open my css files for editing while at the same time opening ff browser to the page that I want to see.  Then any changes that are made to the css files and saved can be easily seen by simply clicking refresh on the browser.

my conclusion:
-tiny ignores all @import commands
-tiny also can't import any external-file relative or absolute path

If you are using css something like this, then you should be able to see it in the listing:

Code: [Select]

.module_pb_style_008 {
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
/*border: 1px solid #333;*/
}
.module_pb_style_008 div {
background-color: #ffffff; /* d8d8fc light violet */
}


[owl]

Xmanhattan,
I'm using ssh and vim on my server + an open tab on my FF ;-)

I'm using this css:

Code: [Select]

@import url("layout.css"); /*layout css file*/
@import url("customize.css"); /*Use this file to customize your website*/

.video { clear: none;  width:220px; height:170px; text-align:center; float:left; display:inline; background: #D0E0F8; margin:5px; padding:5px; }

h1 {font-size: 1.1em; font-weight: bold; color: #4E6E94; padding: 1em 0 0.1em 0; }
h2 { font-size: 0.9em; font-weight: bold; color: #4E6E94; padding: 1em 0 0.1em 0; }

It doesn't always work... Mostly it does _now_...

Best regards,
owl

[ks-net]

well ...
we must say that there is a problem with tiny in 2008.0 isn't it?
perhaps that happened and in 2006 But i am not sure as my athina-template has only one css-file the template_css.css and all classes where in it,
of course style-listing worked in 2006.

Code:

@import url("layout.css"); /*layout css file*/
@import url("customize.css"); /*Use this file to customize your website*/

.video { clear: none;  width:220px; height:170px; text-align:center; float:left; display:inline; background: #D0E0F8; margin:5px; padding:5px; }

h1 {font-size: 1.1em; font-weight: bold; color: #4E6E94; padding: 1em 0 0.1em 0; }
h2 { font-size: 0.9em; font-weight: bold; color: #4E6E94; padding: 1em 0 0.1em 0; }


It doesn't always work... Mostly it does _now_...

owl
this H1/H2 classes aren't conflicting with those in customize.css ??
and what do you mean when saying "It doesn't always work."?

[ks-net]

must mention one more thing... relative to this topic.
i have problem with the css edit from administrator area
i am able to see only the import commands

Code: [Select]

@import url("layout.css"); /*layout css file*/
@import url("customize.css"); /*Use this file to customize your website*/
if i access template_css directly from my browser it can list all classes
mysite.com/templates/okto/css/template_css.css

please check this to see if this happens in your installation

if this happens then the problem isn't with tiny, but with elxis?
why import commands can't work?