Report any technical problems you discover and discuss solutions.

Formatting of images

  • r.j.
  • Onderwerp Auteur
  • Offline
  • Junior lid
  • Junior lid
Meer
10 jaren 3 maanden geleden - 10 jaren 3 maanden geleden #3632 door r.j.
Formatting of images werd gestart door r.j.
Hi,

Very happy with xerte (as always).
One problem we experience however is the image size in some frames:
[strike]Hotspot image [/strike](not to be confused with the hotspot connector) in interactivity.
[strike]Advanced image[/strike]
Annoted diagram

Sometimes with screen shots this delivers very small images (where you would need just a larger image to be able to read anything).

Would it be possible to add an optional property: "image size" where of the image in question can be adjusted in percentages of the total page width ( was not able to do this with plain css).
Laatst bewerkt 10 jaren 3 maanden geleden door r.j..

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

  • r.j.
  • Onderwerp Auteur
  • Offline
  • Junior lid
  • Junior lid
Meer
10 jaren 3 maanden geleden - 10 jaren 3 maanden geleden #3644 door r.j.
Beantwoord door r.j. in topic Formatting of images
Update: The problem only occurs with Annotated diagrams (not Hotspot and advanced image). sorry!
Laatst bewerkt 10 jaren 3 maanden geleden door r.j..

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

  • r.j.
  • Onderwerp Auteur
  • Offline
  • Junior lid
  • Junior lid
Meer
10 jaren 3 maanden geleden - 10 jaren 3 maanden geleden #3647 door r.j.
Beantwoord door r.j. in topic Formatting of images
Solved, the size of the annotated diagram is static (like set values).
I didn't really have time to solve stuff so i fixed this way:

In the file: <xerte install dir>/modules/xerte/parent_templates/Nottingham/models_html5/annotatedDiagram.html

Below line 85 I added this:
Code:
imgMaxW = $x_pageDiv.width() / 2; imgMaxH = $x_pageHolder.height() - parseInt($x_pageDiv.css("padding-top")) * 2;

Yes, it is still not responsive, but it does what i need it to do.
Laatst bewerkt 10 jaren 3 maanden geleden door r.j..

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Moderators: ronmjultenJohnSmith
Tijd voor maken pagina: 0.123 seconden
Copyright © 2026 The Xerte Project.
Xerte logo Apereo logo OSI Logo