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:
JavaScriptmodel.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:
JavaScriptsv-components-column sv-components-column--expandable sd-body sv-components-column sv-components-column--expandable sd-body--static
And I want to render with:
JavaScriptsv-components-column sv-components-column--expandable sd-body sv-components-column sv-components-column--expandable sd-body--responsive
Thank you,
Aadham
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.