Matrix survey rating options do not appear in one line with text descriptions

[tlakhtak]

When the option text description is long, all the ratings do not appear on the same line. All ratings should be displayed in one line and column width should be adjusted to maintain this, also text descriptions showing up continually is very redundant since they take up a lot of space.

[ZCOEngineer]

We are trying to reproduce this

[tlakhtak]

We can provide test accounts as necessary. This will be a high priority for app users since the matrix survey is not very user-friendly at the moment. Not only are the listed ratings redundant in showing them repeatedly and taking up lots of room on the screen, they also are messing up the line spacing so it's less readable. We would like to return to the previous orientation as much as possible, with rating labels only in the header, keeping only the change that when you click on each rating option the corresponding number fills the bubble.

[sarithapillai8]

@avaidyam As you suggested, we used the same rating/slider component in matrix as confirmed (https://github.com/BIDMCDigitalPsychiatry/LAMP-platform/issues/442#issuecomment-1065141865). Before it was implemented similar to list matrix like options as column headings. Can we just use the rating component(value selected inside bubble), but options as headers for rating? Could you confirm on this?

[divyav2020]

We have updated in Staging LAMP_Admin Website_Matrix survey rating options.xls

[tlakhtak]

For uniformity, is it possible to fix the column width such that there is uniform space between each of the ratings?

[avaidyam]

@sarithapillai8 I think this implementation works (i.e. reusing the rating component but moving the text to the header column only) but as @tlakhtak said, we'll need the grid to be evenly spaced correctly.

[divyav2020]

We have updated in staging

[Devayani0102]

This seems to be fixed in staging