Welcome, Guest
Username: Password: Remember me
Report any technical problems you discover and discuss solutions.
  • Page:
  • 1

TOPIC:

Responsive Images 5 years 10 months ago #5148

  • Jaoton
  • Jaoton's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 3
  • Thank you received: 0
I am currently creating a Xerte class for our organisation, and our usage statistics show, that we have a large variety of screen-sizes used. As a first step towards responsiveness, I was therefore trying to make the images scale in response to screen size, by setting the width argument equal to a percentage value in the html code (i.e. width="50%").

Although this works as intended if executed immediately, if I close and open the source view in the editor, or close the class and open it again, the width tag is deleted. The image is thus unresponsive again.

Is this intended? If so, is there a work-around?

Thanks in advance!

Please Log in or Create an account to join the conversation.

Responsive Images 5 years 10 months ago #5149

  • ronm
  • ronm's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 844
  • Thank you received: 247
Can you share a link to an example?
Or example of the code before and after being stripped?
What page type(s) are you using and what version of Xerte?

When you add images via the wysiwyg editor (rather than for instance via the graphics and sound page) you can set percentage widths in the image properties window rather than having to do so in source view. Those images should then be responsive and the code isn't removed. But that may not be the case if you are using a very old version?

HTH
Ron
Xerte developer & trainer
e-learning & m-learning consultant
mitchellmedia.co.uk | xerteacademy.com | learningapps.co.uk
Note: Support here is voluntary and meant for users to support each other.
Need direct commercial support with Xerte? mitchellmedia.co.uk/contact/

Please Log in or Create an account to join the conversation.

Responsive Images 5 years 10 months ago #5150

  • Jaoton
  • Jaoton's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 3
  • Thank you received: 0
Thank you for the quick reply!

I am using box-standard html for the image on a plain text page, which works fine when executed right away:
<img alt="" src="xerte.filestorage.co.uk/USER-FILES/560-
jonathans/media/Carabiner%20Full.png" style="float:right" width="50%"/>

However, after closing & then opening the source view, the width tag gets deleted:
<img alt="" src="xerte.filestorage.co.uk/USER-FILES/560-
jonathans/media/Carabiner%20Full.png" style="float:right" />

Similarly, when using the image properties dialogue, I receive the error message "Width must be a number" open inserting a percentage value.

Unfortunately, I am not sure which version of xerte I am using, as my UI does not feature and information on that. Is there a way to find out?

Thanks again
Jonathan

Please Log in or Create an account to join the conversation.

Last edit: by Jaoton.

Responsive Images 5 years 10 months ago #5151

  • ronm
  • ronm's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 844
  • Thank you received: 247
Sounds like you need to upgrade! You can check the version by visiting yourinstalladress/version.txt
I can't remember exactly what version it was added but we've had the ability to add percentage widths in the editor for quite some time now and even before that reduced what was stripped out when added to source. For anyone else reading this please reply with what version you are using so others can also learn from this.
HTH
Ron
Xerte developer & trainer
e-learning & m-learning consultant
mitchellmedia.co.uk | xerteacademy.com | learningapps.co.uk
Note: Support here is voluntary and meant for users to support each other.
Need direct commercial support with Xerte? mitchellmedia.co.uk/contact/

Please Log in or Create an account to join the conversation.

Responsive Images 5 years 10 months ago #5152

  • Jaoton
  • Jaoton's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 3
  • Thank you received: 0
Hi Ron, and again, thank you!

I am using version 3.01.

Jonathan

Please Log in or Create an account to join the conversation.

Responsive Images 5 years 10 months ago #5153

  • ronm
  • ronm's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 844
  • Thank you received: 247
If you're still using 3.01 you definitely need to upgrade!
In Xerte years (a bit like dog years) that's extremely old!
We're releasing Xerte X next week which celebrates 10 years since the online version was first released. See xot.xerte.org.uk/play.php?template_id=80 and xot.xerte.org.uk/play.php?template_id=81

HTH
Ron
Xerte developer & trainer
e-learning & m-learning consultant
mitchellmedia.co.uk | xerteacademy.com | learningapps.co.uk
Note: Support here is voluntary and meant for users to support each other.
Need direct commercial support with Xerte? mitchellmedia.co.uk/contact/

Please Log in or Create an account to join the conversation.

Last edit: by ronm.
  • Page:
  • 1
Moderators: ronmjultenJohnSmith
Time to create page: 0.055 seconds
Copyright © 2024 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search