Supporting each other

Community forums

Welcome, Guest
Username: Password: Remember me
This is the place for questions about learning design and pedagogy; how to use different page types for different purposes.
  • Page:
  • 1

TOPIC:

Gap fills and c-tests 1 year 11 months ago #8425

  • simonbarne
  • simonbarne's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
  • Posts: 36
  • Thank you received: 5
C-tests are a kind of cloze test, where the second half of some words is omitted and has to be entered by the student. See this example:



Xerte gap fills can be used if you make the input text left-aligned but sometimes the first part of the word is on one line and the input box is on the next line (underlined in red in my example).

Is there any way of keeping the two together? I looked into CSS solutions like
white-space: nowrap;
but can't find anything suitable.

Please Inloggen or Create an account to join the conversation.

Gap fills and c-tests 1 year 11 months ago #8426

  • Fay
  • Fay's Avatar
  • Offline
  • Elite Member
  • Elite Member
  • Posts: 229
  • Thank you received: 92
Hi Simon

It's a bit fiddly but you can do this by surrounding each word with a div tag and making them inline-blocks (you will need to view the source and make the edits there)

<div style="display:inline-block">pl|ants|</div>
The following user(s) said Thank You: simonbarne

Please Inloggen or Create an account to join the conversation.

Gap fills and c-tests 1 year 11 months ago #8428

  • simonbarne
  • simonbarne's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
  • Posts: 36
  • Thank you received: 5
Thank you very much for the suggestion, but ideally teachers would be able to make these tests after a little training, so the process needs to be as straightforward as possible!

Please Inloggen or Create an account to join the conversation.

Gap fills and c-tests 1 year 11 months ago #8429

  • simonbarne
  • simonbarne's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
  • Posts: 36
  • Thank you received: 5
I think I've found a partial solution:
#targetHolder { white-space: nowrap; }
.staticTxt {  white-space: normal; }



The input boxes do get truncated somewhat by the right-hand border though.

Please Inloggen or Create an account to join the conversation.

  • Page:
  • 1
Moderators: ingdon
Time to create page: 0.047 seconds
Copyright © 2024 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search