Page 1 of 1

Change preview headings in Oxygen? (prereq, postreq)

Posted: Fri Mar 24, 2017 12:16 am
by 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

Re: Change preview headings in Oxygen? (prereq, postreq)

Posted: Fri Mar 24, 2017 9:35 am
by 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

Re: Change preview headings in Oxygen? (prereq, postreq)

Posted: Fri Mar 24, 2017 10:19 pm
by cbrzeski
Thank you! Very helpful!

Re: Change preview headings in Oxygen? (prereq, postreq)

Posted: Thu Jun 15, 2017 11:26 pm
by 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
Radu wrote: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

Re: Change preview headings in Oxygen? (prereq, postreq)

Posted: Fri Jun 16, 2017 9:52 am
by 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

Re: Change preview headings in Oxygen? (prereq, postreq)

Posted: Fri Jun 16, 2017 4:59 pm
by 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