glossSurfaceForm::before

Post here questions and problems related to editing and publishing DITA content.
abacus66
Posts: 40
Joined: Wed May 25, 2016 10:45 am

glossSurfaceForm::before

Post by abacus66 »

Hi!
Is it possible to add an image in front of glossSurfaceForm. I tried:

Code: Select all

.glossSurfaceForm::before {
   content: url("images/note-surf.png") " Surface form\a0\219d\a0\202f";
   ...
}
But nothing happens :?
Best regards,
Dr. ABacus

#define QUESTION ((bb) || !(bb)) // © 1601 William Shakespeare
julien_lacour
Posts: 481
Joined: Wed Oct 16, 2019 3:47 pm

Re: glossSurfaceForm::before

Post by julien_lacour »

Hello,

I tried on my side and the content is displayed before my glossSurfaceForm.
Could you indicate on which Oxygen version you are trying to obtain this result?

You can also try to debug your CSS and see if the .merged.html file contains the text to be displayed before the glossSurfaceForm.

Regards,
Julien
abacus66
Posts: 40
Joined: Wed May 25, 2016 10:45 am

Re: glossSurfaceForm::before

Post by abacus66 »

Sorry! I forgot to indicate that it is DITA Map EPub transformation and version is 23.1 :?
Best regards,
Dr. ABacus

#define QUESTION ((bb) || !(bb)) // © 1601 William Shakespeare
Radu
Posts: 8992
Joined: Fri Jul 09, 2004 5:18 pm

Re: glossSurfaceForm::before

Post by Radu »

Hi,

Maybe you can unzip the produced EPUB and look inside at the produced HTML content to see how you can match that specific HTML element. Also make sure that the image "images/note-surf.png" actually is inside the EPUB, otherwise maybe you can set it base 64 encoded.

Regards,
Radu
Radu Coravu
<oXygen/> XML Editor
http://www.oxygenxml.com
abacus66
Posts: 40
Joined: Wed May 25, 2016 10:45 am

Re: glossSurfaceForm::before

Post by abacus66 »

I found that "images/note-surf.png" is not copied to the "images" directory. All other pictures are there.
Best regards,
Dr. ABacus

#define QUESTION ((bb) || !(bb)) // © 1601 William Shakespeare
Radu
Posts: 8992
Joined: Fri Jul 09, 2004 5:18 pm

Re: glossSurfaceForm::before

Post by Radu »

Hi,

Not all images in the input folder are automatically copied to the output folder. The images need to be referenced in a DITA topic or a DITA Map in order to be copied over.
Maybe you can add a reference in the DITA Map to the image, something like:

Code: Select all

  <topicref href="images/note-surf.png" format="png" processing-role="resource-only"/>
That "processing-role" attribute states that it should not appear in the table of contents as a link, it is just an additional resource.

Regards,
Radu
Radu Coravu
<oXygen/> XML Editor
http://www.oxygenxml.com
abacus66
Posts: 40
Joined: Wed May 25, 2016 10:45 am

Re: glossSurfaceForm::before

Post by abacus66 »

Thanks a lot!
Both methods (base64 and topicref) work.
Best regards,
Dr. ABacus

#define QUESTION ((bb) || !(bb)) // © 1601 William Shakespeare
Post Reply