Question T14138
Visible to All Users

Overwriting styling in defaultV2.min.css

created a year ago (modified a year ago)

Hello,

For some reason which I can't seem to figure out, there are certain scenarios in which the survey renders using the sd-body.sd-body–static class instead of sd-body.sd-body–responsive. The only way I have been able to resolve this issue is by hardcoding:

JavaScript
model.css.body = 'sv-components-column sv-components-column--expandable sd-body sv-components-column sv-components-column--expandable sd-body--responsive';

Into the code. Is there a way I can overwrite the styling in this file other than this.

For clarity the element renders with classes:

JavaScript
sv-components-column sv-components-column--expandable sd-body sv-components-column sv-components-column--expandable sd-body--static

And I want to render with:

JavaScript
sv-components-column sv-components-column--expandable sd-body sv-components-column sv-components-column--expandable sd-body--responsive

Thank you,
Aadham

Comments (2)

    Hello Aadham,
    Thank you for contacting us. Would you please elaborate on your usage scenario?

    I look forward to your reply.

      Hello Aadham,
      Thank you for the update.
      A survey uses media queries to adaptive adjust its content based on the available screen width.

      From what I gather, the issue is that a survey layout is not adjusted correctly to a smaller/wider screen usage.

      If you haven't yet updated to the latest SurveyJS Library version, I would definitely recommend doing so.Please upgrade to v1.9.101 and check to see if it makes any difference.

      If the issue remains, please send me a problematic sample reproducing the issue.

      I look forward to your reply.