Issue with [b]Note:[/b] Text Splitting in Output File

[Amit+007appviewx]

Hello Team,
I've encountered an issue with the output generated files.
The Note: text is splitting across two lines.
I've attempted both approaches:

• 1. Adding the note tag within the p tag.

• 2. Adding the note without the p tag.

We are currently using Oxygen version 25.0, and this issue persists in both the HTML and PDF outputs.
Best regards,
Amit Darekar

image.png

image.png

[Costin]

Hi Amit,

It is not very clear from the 2 images you attached which note do you refer to..
Could you highlight the specific area which contains the note you refer to and describe the issue in more details please?

Regards,
Costin

[Amit+007appviewx]

Hi Costin,
Greetings !!
I have issue with all the note tags which have been added in the document.
They are splitting into 2 lines after the output is generated.
Can you please help me with this issue.
I have attached the snip of Note tag added in oxygen and its attributes.

image.png

image.png

Thanks & Regards
Amit Darekar

[chrispitude]

Hi Amit,

Are you saying that you want the note text to be on the same line as the "Note:" label?

[Amit+007appviewx]

Yes I want the note to look like this in a single line after the output is generated in both HTML and PDF output.
Some thing like this:

image.png

[chrispitude]

Hi Amit,

If you use your browser's CSS inspector to look at the note styling, you will see the following property that styles the note title as a block element:

Code: Select all

span.note__title {
  display: block;
}

To get the styling you want, you can create a custom CSS file that styles the note title as an inline element:

Code: Select all

span.note__title {
  display: inline;
}

Here is a testcase that demonstrates the solution:

oxygen_note_on_one_line.zip

In our documentation, we keep the note title and content on separate lines (the default) because it allows for complex content in the note, such as a list, a preformatted text block, and other such content.

[Amit+007appviewx]

Hi Team
I have tried changes this value in the CSS even then its not working.
In my CSS we had this element before.

image.png

"* Note sections

span.note__title {
display: inline-block !important;
}"
Kindly suggest if there is any alternate option on the same.
Thank you

[chrispitude]

Hi Amit,

You will need to use the CSS inspector in your browser on your actual output to see what CSS rule is taking precedence and causing the title to be rendered on a separate line.