Question T8289
Visible to All Users

How to align matrix selectors in center of column with bootstrap theme

created 3 years ago

Hi,
We are using the bootstrap theme and find that the matrix questions have the circle selectors left aligned in the column.

See example in https://surveyjs.io/examples/library/?id=survey-customcss&platform=Angular&theme=bootstrap#content-js

. In the "modern" theme the same json renders with selectors centered in column.

Is there a way to customize json for bootstrap theme to center the radio inputs for the matrix rows in the bootstrap theme?

Thanks

Answers approved by surveyjs Support

created 3 years ago

Hello,

This can be achieved via the single line of CSS:

CSS
.sv_qstn label.sv_q_m_label { text-align: center; }

Here is the working sample - https://plnkr.co/edit/FvBFG6FMYW5qQrhO

Thanks, Serge
SurveyJS Team