Jumble component
kmul...@gmail.com
Hi,
We were hoping to use the CTATJumble component, one where the background of the text boxes being shuffled is colored. We can't get the color part to work: the colors always stay in the original location after text corresponding to the colored box is dragged to a new one. We implemented this by adding a style to the items in the jumble example posted on the CTAT website, see below; we also tried to use images instead of text in the jumble (this did not work as the images were not movable).
Any suggestions would be really appreciated – thank you!
Kasia Muldner
Snippet of HTML file with Jumble:
<div data-silex-type="container" class="container-element CTATJumble editable-style silex-id-1666043116374-0 page-page-1 paged-element CTATComponent" data-ctat-tabindex="1" data-silex-id="silex-id-1666043116374-0" id="ctatdiv3" data-ctat-component="CTATJumble" data-ctat-enabled="true" tabindex="1" data-ctat-tutor="false">
<div id="item1" style="background-color:blue"> fox</div>
<div id="item2" style="background-color:red">brown</div>
<div id="item3" style="background-color:green">quick</div>
</div>
</div>
Octav Popescu
Hi Kasia,
It seems the jumble is implemented by making it so on a shuffle
the elements stay in place, only their ids and contents are
replaced. I don't know if there are any advantages of implementing
it that way, but it does mean that if you put styles directly on
the elements, they won't move when contents are shuffled. If
instead you put the styles on ids in an attached stylesheet (which
could be in a separate file or in a <style> element in the
html interface) like below, they should be working fine.
#item1 { background-color: blue }
#item2 { background-color: red }
#item3 { background-color: green }
Best,
Octav
--
You received this message because you are subscribed to the Google Groups "CTAT Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to ctat-users+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/ctat-users/5ddb0572-1b8b-405d-95f0-97c7ed55a324n%40googlegroups.com.
Jonathan Sewall
To view this discussion on the web visit https://groups.google.com/d/msgid/ctat-users/5e6550b9-8494-143c-a42d-4c670b58a2b5%40andrew.cmu.edu.