glossSurfaceForm::before

abacus66
Posts: 31
Joined: Wed May 25, 2016 10:45 am

glossSurfaceForm::before

Post by abacus66 » Thu May 06, 2021 9:43 am

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: 184
Joined: Wed Oct 16, 2019 3:47 pm

Re: glossSurfaceForm::before

Post by julien_lacour » Thu May 06, 2021 1:02 pm

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: 31
Joined: Wed May 25, 2016 10:45 am

Re: glossSurfaceForm::before

Post by abacus66 » Fri May 07, 2021 9:35 am

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: 7535
Joined: Fri Jul 09, 2004 5:18 pm

Re: glossSurfaceForm::before

Post by Radu » Fri May 07, 2021 10:00 am

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: 31
Joined: Wed May 25, 2016 10:45 am

Re: glossSurfaceForm::before

Post by abacus66 » Sat May 08, 2021 10:13 am

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: 7535
Joined: Fri Jul 09, 2004 5:18 pm

Re: glossSurfaceForm::before

Post by Radu » Mon May 10, 2021 7:24 am

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: 31
Joined: Wed May 25, 2016 10:45 am

Re: glossSurfaceForm::before

Post by abacus66 » Mon May 10, 2021 12:59 pm

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

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

Post Reply