We have long, custom categories titles in the left toolbox. Most of them are split to the second line and it doesn't look well. How to make toolbox wider on bigger screens. CSS is not the option because width and max-width are inline attributes, controlled by JS.
Toolbox width
Answers approved by surveyjs Support
Hello,
Yes, there are three vertical containers on the SurveyJS Creator surface and two splitters between them. These splitters change containers width via inline width attributes.
At this moment you can set initial container width via CSS rules:
JavaScript.svd_survey_designer .svd-designer-container--left-side {
width: 40%;
max-width: 40%;
}
.svd_survey_designer .svd-designer-container--right-side {
width: 10%;
max-width: 10%;
}
And after that user can resize containers as he want. Here is the working sample - https://plnkr.co/edit/jrqTCorKMwdxzq7g
Another way is to move both question toolbox and properties panel on the same side, lets's say on the right. Here is the another live plunker sample - https://plnkr.co/edit/ABtWvIFo0g4MqaNl
I hope one of the solutions will fit your needs.
Thanks, Serge
SurveyJS Team