I think that the problem is you are using 'ImageRight' as the alias for your style. In such a case the RTE assumes that ImageRight is an HTML tag (which of course it isn't) and fails when it tries to apply it. What you probably want to do when applying the style is to add a CSS class attribute with a value of 'ImageRight'. To do so, the alias should be '.ImageRight' (notice the dot) as per the CSS selector specification.
I just tried this in a test site and it worked. My guess, is that in your case it might be a caching issue (which Umbraco seems to have a lot), i.e. the original ImageRight definition is cached and used by the editor.
You could try the following:
Temporarily change the name of the style from ImageRight to something else, so that you could easily notice when the new data has been loaded. (You might also want to add some additional styling, e.g. font-weight: bold; to make it easier to identify whether the style has been applied.)
Remove the association of the RTE with your style and re-apply it.
Go to the node containing the RTE and check whether the style has been updated (the new style name should be in the Formats dropdown). Select some text and apply the style.
Yeah, fist of all, you need to follow correct css syntax to get classes applied instead of elements, secondly, the caching in this case is actually not umbraco, it does serve up the formats correctly, the problem seems to be with tinymce doing some caching of its own - we are trying to work out where this happens so we can patch it.
7.01 - Formats dont work in RTE - bug? - see my video
I don't think Formats work in the RTE. They are simply not applied.
See my video http://screencast.com/t/Y4Y46ZyDB
Not sure if this is a bug or I am using Umbraco incorrectly so I thought I'd put this here before listing it as a bug.
I think that the problem is you are using 'ImageRight' as the alias for your style. In such a case the RTE assumes that ImageRight is an HTML tag (which of course it isn't) and fails when it tries to apply it. What you probably want to do when applying the style is to add a CSS class attribute with a value of 'ImageRight'. To do so, the alias should be '.ImageRight' (notice the dot) as per the CSS selector specification.
For more information, take a look here: http://our.umbraco.org/wiki/how-tos/customizing-the-wysiwyg-rich-text-editor-(tinymce)/add-styles-to-the-drop-down-menu-for-editors-to-use.
I tried making the alias .imageRight but it still didn't work. See my new video at http://screencast.com/t/U3LIB67y
Hi,
I just tried this in a test site and it worked. My guess, is that in your case it might be a caching issue (which Umbraco seems to have a lot), i.e. the original ImageRight definition is cached and used by the editor.
You could try the following:
Give it a shot and see what happens.
Yeah, fist of all, you need to follow correct css syntax to get classes applied instead of elements, secondly, the caching in this case is actually not umbraco, it does serve up the formats correctly, the problem seems to be with tinymce doing some caching of its own - we are trying to work out where this happens so we can patch it.
I recreated the style and it all works. Thanks guys! Watching http://umbraco.tv/videos/implementor/fundamentals/stylesheets-and-javascript/setting-up-rte-styles/ clarified a few things too.
is working on a reply...