Change preview headings in Oxygen? (prereq, postreq)

[cbrzeski]

I'm sure there is a way to do this, but I can't find it.

I'd like to change the text that appears in Oxygen while I'm editing, for example the heading for prereq section saying "Before you begin". Our stylesheet inserts something else there at publication time, and I'd like to have that text show in Oxygen instead.

How do I change that text, and how do I share that change with all our authors worldwide?

Thanks
Corinne

[Radu]

Hi Corinne,

The visual Author editing is done using CSS to style the DITA content.
If you select the <prereq> element in the Oxygen Outline, then right click in the editor and choose "Inspect Styles" the CSS Inspector view will pop up. One tab of that view contains ":before" CSS selectors, among which the selector which looks like this:

Code: Select all

*[class~="task/prereq"]:before {

  content: "Before you begin: ";

  /* -task_before- >>> */

  font-weight: bold;

  /* <<< */

}

That is the CSS selector you need to override in your customization.
And the proper way to do that and share it with others is this one:

http://blog.oxygenxml.com/2016/10/custo ... iting.html

Regards,
Radu

[cbrzeski]

Thank you! Very helpful!

[akmenting]

Hi Radu-

I'm working with Corinne on the CSS changes. We decided to change the prolog metadata labels first.
I was able to successfully change the labels on my computer by creating a copy of and customizing the topic-metadata-prolog.css file. I added the css as an alternate style to a DITA extension then deployed it as an add-on. When we tested this on Corinne's machine, the prolog labels came through, however, the remainder of the task topic was affected and filled with empty <colspec> tags. It works fine on my machine, but added a multitude of <colspec> tags on her machine - do you know what is causing this?

Thanks,

Abby Menting

Hi Corinne,

The visual Author editing is done using CSS to style the DITA content.
If you select the <prereq> element in the Oxygen Outline, then right click in the editor and choose "Inspect Styles" the CSS Inspector view will pop up. One tab of that view contains ":before" CSS selectors, among which the selector which looks like this:

Code: Select all

*[class~="task/prereq"]:before {

  content: "Before you begin: ";

  /* -task_before- >>> */

  font-weight: bold;

  /* <<< */

}

That is the CSS selector you need to override in your customization.
And the proper way to do that and share it with others is this one:

http://blog.oxygenxml.com/2016/10/custo ... iting.html

Regards,
Radu

[Radu]

Hi Abby,

About this comment:

the remainder of the task topic was affected and filled with empty <colspec> tags

Do you mean that the actual XML was modified so that it contained lots of <colspec> tags? The CSS just changes the way in which content is rendered but applying it does not modify the XML content.

I need more details. If you attach to an email (support@oxygenxml.com) your custom framework zip and a sample DITA task I could look more into this on my side.

Regards,
Radu

[akmenting]

Hi Radu-

I will send you an email with the files. I was completely mistaken - the formatting became jumbled so it appears that the topic filled with colspec tags but they were previously there.

Abby