jQuery autocomplete looks for `.ui-front` on a parent element; if it's not set you need to explicitly add a selector with the appendTo option in your custom js code for that questions. var yourSourceList = ['foo', 'bar', 'baz'], $elem = jQuery('.QR-'+this.questionId), $elemParent = $elem.parent(); jQuery($elem).autocomplete({ source: yourSourceList, minLength:3, appendTo: $elemParent });
This should save you a couple of clicks to search: You'd obviously have to modify a lot to fit it to the qualtrics markup; but since it can do a 3xN Grid, honestly why bother with all the extra bells and whistles. It's just usually not that important.
Expanding on the 1st answer, you could use random choices for a single/multi choice column, graphic question. Making them look more like instagram will fall to you to preview the survey with your theme and then probably iteratively experiment with custom CSS to remove margins, padding, or add other styling created by the Qualtrics theme, and to implement your own. But a default 3 columns get's you pretty close IMO. You can do some experimenting in chrome using the developer tools /inspector via F12. To remove the selected radio (probably inadvisable) you'd have to hide it and then add some custom JS/CSS to highlight the selected image, and your theme would have to be one that wraps labels around questions so that an image click activates the choice, rather than just a click to the radio button, itself. Another possible hack is to just embeded your images into the rich text editor of a standard text input question, and order via JavaScript. Stackoveflow has tons of related answers. Th
Instead of all the extra variables creating the message, just write it in the rich text editor, style it how you want, switch to the code view and add an ID to the element or wrap it in a div with the id ``` <div id="msg">Your message</div> ``` and then in the JS, just use the native setTImeout ``` setTimeout(function(){ $("#msg").hide(); }, 5000); ``` see docs This all assumes it's a question the user sees within the 1st 5 seconds of the page load. If you want to delay until the question comes into view you either need to use the modern IntersectionObserver (new browsers) or do some polling and checking for visibility on scroll. This post will get you part of the way there.
I should add, seems to preview fine on my iphone and scrollbars are a non issue since the height of the form is calculated for you. No idea about older browsers as my org does't support them anyway. Behind a firewall on dev so can't share public url unfortunately. Cheers, W
This should get you most of the way. ##In the footer of "look and feel - advanced" ```javascript <script src="https://pym.nprapps.org/pym.v1.min.js"></script> <script> function renderWithTimeOut() { myVar = setTimeout(render, 4000); } function render() { pymChild.sendHeight(); } var pymChild = new pym.Child({ renderCallback: renderWithTimeOut }); </script> ``` ##From the "+ Add custom CSS" button ```css html { height: auto !important; } ``` ##On your HTML /parent page: ```html <div id="ELEMENT_ID"></div> ``` ```javascript <script src="https://pym.nprapps.org/pym.v1.min.js"></script> <script> var pymParent = new pym.Parent('ELEMENT_ID', 'URL_OF_QUALTRICS_FORM', {trackscroll: true}); </script> ```
Scratch that. a little custom css to set html height to auto on any of the other look/feel templates (default to 100%) and we're gold it would seem. I can post some info below if you need a shortcut.
I'm working on this same thing right now. Closest I've gotten so far is using NPR's http://blog.apps.npr.org/pym.js/. At this stage I can only get it to work with the 'blank' theme (others aren't picking up any height), which means that mobile styling ain't great out of the box, but otherwise, so far so good. Interested if anyone else has solutions. This should be documented better by the qualtrics folks in this day/age.
Already have an account? Login
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
Sorry, we're still checking this file's contents to make sure it's safe to download. Please try again in a few minutes.
Sorry, our virus scanner detected that this file isn't safe to download.