Can I change the layout at the question-level without overriding the entire layout? | XM Community
Skip to main content

Hello,
Is it possible to change the layout of specific questions without overriding the whole layout of the survey?
Specifically, I currently have a theme that has the following layout (Classic):
Screenshot 2022-02-07 at 16.48.14.pngI want to continue having this theme, however, for certain questions, I would prefer having checkboxes (for multiple choice) or radio buttons (for single choices) (example below, with Flat as the Layout):
Screenshot 2022-02-07 at 16.50.31.pngAny help would be appreciated. Please let me know if I should elaborate.

MilBu
This is quite unusal and I'd probably tend towards modifying the css of specific elements of the questions you want to change, but you could try this at your own risks. :)
First, identify the link href of the theme in your first survey. Do the same for a second survey containing the theme you want to apply to your specific questions.
Apply this to your question's custom JS :
Qualtrics.SurveyEngine.addOnReady(function()
{
let newTheme = document.querySelector('link[href="/jfe/themes/templated-skins/SURVEY 1 THEME URL/stylesheet.css"]');

if (newTheme) {
  newTheme.setAttribute('href', '/jfe/themes/templated-skins/SURVEY 2 THEME URL/stylesheet.css')
}
});
Reapply the code but inverse the link href at the following question to come back to the original theme.
Be sure to test extensively, this might easily lead to unexpected behavior. :)


Leave a Reply