Hi Team,
Wanted to understand if there is a way to change in height of designer programatically. By height of designer I mean the outer height and not the canvas height. Refer below screenshot, height in blu.
Suggestion
T3746
Visible to All Users
Hello,
How can we reproduce this behavior?
It looks like some outer styles affect the design surface.
On the other hand right now the SurveyJS Creator is not limited be the vertical size and this doesn't allow to implement a scenario with creator fit in given area. And we will discuss it and most likely work on it.
Can you describe your scenario in greater details - how are you placing the SurveyJS Creator in your app? Does it restricted by width or height?
Thanks, Serge
SurveyJS Team
Hello,
Right now there is no way to limit SurveyJS Creator vertically. But we'll discuss it with the team and I believe find a solution.
At the same time (I hope you uderstand) outer scroller elimination can cause at least two inner scrollers - in design surface and in the property grid. We'll work to find a better solution for this.
Thanks, Serge
SurveyJS Team
Hello,
We've investigated the issue. Unfortunately quick and convenient solution based on flex box usage will not properly work in IE9-IE11 browsers. Solution with sizes recalculation requires more resources to be implemented. Right now we decided to postpone this task. We'll plan this work in one of the future releases.
Thanks, Serge
SurveyJS Team
Hi Team,
The actual issue that we are facing due to the scroll is that the "Designer, Preview etc." tabs get scrolled up when we scroll the designer down. Expectation is to keep them freezed while the whole form is scrollable. A similar behavior is implemented in the right panel (advanced properties).
Keeping the above requirement as primary, wanted to understand on the timeline when this fix can be available. This is needed by our product at priority.
Hello,
To avoid misunderstanding - could you illustrate with screenshots - what do you mean under the "scroll is that the "Designer, Preview etc." tabs get scrolled up when we scroll the designer down"?
Thanks, Serge
SurveyJS Team
Hello,
Thank you for the clarification. Now I see what you mean. This is the scroll of a div containing the SurveyJS Creator.
SurveyJS Creator has the
designerHeightoption. If you can calculate available vertical space, you can pass it to SurveyJS Creator in options as shown in this example - https://plnkr.co/edit/Vjo60NYkWyEsisdw . Does this solution solve your task?Thanks, Serge
SurveyJS Team
Hi Team,
This looks good. We required exactly this property.
I believe this property is not changeable right? As in is there a way to change this height when the control is already rendered. For example if I want to change the height on addition of a question.
Something like this: https://plnkr.co/edit/FbKYygQxBmAGT8Q0
Thanks,
Abhishek
Hi Team,
Basically wanted to update this height as the screen size reduces. The designer height should be responsive to the window size,
thanks,
Abhishek
Hello,
In the recently released v1.7.8 the Fit SurveyJS Creator into given area (div or another container element) feature has been implemented. Now the
designerHeightis set to the whole SurveyJS Creator height. The default value is 1000px. If you set it to "" then designer will fit the parent container.Thanks, Serge
SurveyJS Team