Custom Horizontal Scale Labeling | XM Community
Question

Custom Horizontal Scale Labeling

  • 23 July 2021
  • 1 reply
  • 42 views

Userlevel 1
Badge +10

I need to set up a slider type question to look roughly like this:
Screen Shot 2021-07-20 at 7.21.12 PM.pngI've spent a few hours trying to do this a myriad of different ways, but with no good solution that would work well on both desktop and mobile. The latest attempt was to create a carefully measured custom image for each label, but for some reason it automatically shrinks the two on the ends (Terrible and Excellent) so they're barely readable anymore:
Screen Shot 2021-07-22 at 6.45.34 PM.pngIf I substitute those two endpoint labels as text only, the labels are no longer centered on the scale points. The sizing varies wildly between the desktop and mobile versions (if in portrait mode), but that could be avoided by instructing users to switch to landscape:
Screen Shot 2021-07-22 at 6.51.08 PM.pngIMG_C1E2B96D8C03-1.jpeg
Am I missing anything that others would do to try to replicate the original scale in the first image?


1 reply

Userlevel 7
Badge +21

Using the inbuilt slider, you won't be able to make one setup work for both mobile and desktop.
Create two different versions and then use display logic to show the appropriate one.

Leave a Reply