The place for more technical questions for those who want to create new pagetypes or bespoke functionality.

Transparent labels drag & drop labelling

  • annekedijk
  • Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 2 months ago #4522 by annekedijk
Transparent labels drag & drop labelling was created by annekedijk
Dear all,

I use the page type Drag and Drop labelling. Is it possible to make the background of the labels transparent instead of white? I would like to place an image of a colored lens in the title field and let the students drag & drop the lens at an image of the eye.

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

More
9 years 2 months ago #4523 by ronm
Replied by ronm on topic Transparent labels drag & drop labelling
Add an optional styles property and then add something like the following:
Code:
#labelHolder .label { background: none; border: none; box-shadow: none; }
The above is basically removing the default background, border and shadow.
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.

  • annekedijk
  • Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 2 months ago #4524 by annekedijk
Replied by annekedijk on topic Transparent labels drag & drop labelling
Thanks Ron!

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

Moderators: JohnSmith
Time to create page: 0.276 seconds
Copyright © 2026 The Xerte Project.
Xerte logo Apereo logo OSI Logo