Sure you can change the stylesheet provided to add your own classes.

Hi Saar,

I tried to add an own class to the default.css stylesheet provided. But how do I manage to select this class when I create a new document? I now only see the default styles (Heading 1, Heading 2, etc.)

Best regards, Arne Diemeer

You will need to change the Assets/Scripts/atlas/atlas.pages.js and atlas.pages.min.js files. Find "$('textarea.tinymce').tinymce({" and add your styles there:

.....
theme_advanced_statusbar_location: "bottom",
theme_advanced_resizing: true,
theme_advanced_styles: "Justify Left=justifyLeft",
.....

Another way of doing it is changing to HTML view to add the class.

Hi Saar,

sorry, I need some additional help. Maybe an example will help me. I created in the default.css the class .webconfig{color:red;}

I want to select this class in a dropdown. What do I exactly have to change in the atlas.pages.js and atlas.pages.min.js files to see this class in de dropdown?

Best regards,

Arne Diemeer

Hi Saar,

we have been thinking about your solution to change the atlas.pages.js and the atlas.pages.min.js files in order to make our own style visible. This will give us a problem when we update our current Atlas version by a future new one. In that case all the existing files will be replaced by the new ones, and we have to change the .js files again.

So we have a change request to make it possible to add our own styles, without changing the existing Atlas files.

Best ragards,

Arne Diemeer

Feel free to add it to the list: http://gemini.countersoft.com

Hi Saar,

I will add my change request to the list.

In the meantime we want to use the workaround of changing the .js files. Can you give me an example how to do this? See my Thursday, August 11, 2011, 3:46:22 PM post for an example.

Thanks again.

Best Regards,

Arne Diemeer

Open the atlas.pages.min.js file. Search for

theme_advanced_resizing: true,

And add after it:

theme_advanced_styles: "Web Config=webconfig",

Once you have done that do the same for the atlas.faqs.js file and recycle the application pool.