Page 1 of 1
Issue with [b]Note:[/b] Text Splitting in Output File
Posted: Mon Oct 30, 2023 10:16 am
by 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
Re: Issue with [b]Note:[/b] Text Splitting in Output File
Posted: Thu Nov 02, 2023 12:06 pm
by 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
Re: Issue with [b]Note:[/b] Text Splitting in Output File
Posted: Thu Nov 02, 2023 12:21 pm
by 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
Re: Issue with [b]Note:[/b] Text Splitting in Output File
Posted: Fri Nov 03, 2023 2:16 pm
by chrispitude
Hi Amit,
Are you saying that you want the note text to be on the same line as the "Note:" label?
Re: Issue with [b]Note:[/b] Text Splitting in Output File
Posted: Tue Nov 07, 2023 9:15 am
by 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
Re: Issue with [b]Note:[/b] Text Splitting in Output File
Posted: Tue Nov 07, 2023 3:32 pm
by 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.
Re: Issue with [b]Note:[/b] Text Splitting in Output File
Posted: Thu Nov 09, 2023 12:26 pm
by 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
Re: Issue with [b]Note:[/b] Text Splitting in Output File
Posted: Sat Nov 11, 2023 10:26 pm
by 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.