I am working on a project to collect feedback on a website and am looking for some advice on how to get a Custom HTML creative to fit nicely on the page and to dynamically resize based on the survey content. A similar use-case to what I am trying to achieve is the 'Was this helpful?' survey which can be found on Qualtrics support pages (see screenshot below). Basically, I am trying to first show a very short question which is embedded on a webpage and if the user answers the survey question, then a second question is shown where a comment box is available for the user to add a comment.
!
The issue I am running into is that when the creative is displayed on a webpage (I am using a bookmarklet to do this), there is a scrollbar at the side of the content and a ton of extra space between the survey question and the 'Powered by Qualtrics' text (see second screenshot below).
!
What I'm wondering is, how can I best size the Custom HTML creative in my Website/App Feedback project and configure my Survey content so that fits nicely on the page without scrollbars. And second, how do I dynamically resize the creative to fit the second page of my survey once the user answers the first question and is then shown the comment box. Is this something that needs to be done within Qualtrics configuration or configured on the webpage itself? Or both? Again, you can reference the 'Was this helpful' survey on Qualtrics support pages to see what I am trying to achieve.
For your reference, I would be comfortable adding custom JS and CSS to the survey itself and/or Look & Feel if there are examples someone can point me towards.
!
Best answer by KendraR
View original