Would anyone be willing to share some javascript for customizing the look of the matrix carousel? Mainly for customizing box size, box background color, arrow color, etc.
customizing the look of the matrix carousel
Best answer by ahmedA
There are too many to list down, so you can follow these steps to get the exact settings you need:
- Set up a carousel question and preview the survey
- Right click on the thing you want to modify and select inspect element
- Go to the styles tab and you'll see the settings that are being applied to that particular element.
- Some will be
inherited
, when hover over it, in your page, it will highlight the element that the property is being inherited from. - You can then copy the entire style sheet by clicking on
stylesheet.css:999
- The number at the end refers to the line of code that is being used. So, if you are not happy, you can just change that.
- Paste this stylesheet into the custom css section and now you'll get the desired results.
Most CSS properties are self-explanatory, but some maybe confusing, but there are plenty of answers on the web of each of them.
For most changes, you won't need JS.
Hope this helps.
Sign up
Already have an account? Login
Welcome! To join the Qualtrics Experience Community, log in with your existing Qualtrics credentials below.
Confirm your username, share a bit about yourself, Once your account has been approved by our admins then you're ready to explore and connect .
Free trial account? No problem. Log in with your trial credentials to join.
No free trial account? No problem! Register here
Already a member? Hi and welcome back! We're glad you're here 🙂
You will see the Qualtrics login page briefly before being taken to the Experience Community
Login with Qualtrics
Welcome! To join the Qualtrics Experience Community, log in with your existing Qualtrics credentials below.
Confirm your username, share a bit about yourself, Once your account has been approved by our admins then you're ready to explore and connect .
Free trial account? No problem. Log in with your trial credentials to join. No free trial account? No problem! Register here
Already a member? Hi and welcome back! We're glad you're here 🙂
You will see the Qualtrics login page briefly before being taken to the Experience Community
Login to the Community
Welcome! To join the Qualtrics Experience Community, log in with your existing Qualtrics credentials below.
Confirm your username, share a bit about yourself, Once your account has been approved by our admins then you're ready to explore and connect .
Free trial account? No problem. Log in with your trial credentials to join.
No free trial account? No problem! Register here
Already a member? Hi and welcome back! We're glad you're here 🙂
You will see the Qualtrics login page briefly before being taken to the Experience Community
Login with Qualtrics
Welcome! To join the Qualtrics Experience Community, log in with your existing Qualtrics credentials below.
Confirm your username, share a bit about yourself, Once your account has been approved by our admins then you're ready to explore and connect .
Free trial account? No problem. Log in with your trial credentials to join. No free trial account? No problem! Register here
Already a member? Hi and welcome back! We're glad you're here 🙂
You will see the Qualtrics login page briefly before being taken to the Experience Community
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
