Work for https://github.com/surveyjs/service/issues/1637 - Background…

… image reveals some empty spaces - pushed KO survey template finally
surveyjs · Nov 24, 2023 · 21e23da · 21e23da
1 parent 09b01e5
commit 21e23da
Showing 1 changed file with 14 additions and 11 deletions.
diff --git a/src/knockout/templates/index.html b/src/knockout/templates/index.html
@@ -20,17 +20,20 @@
               <!-- ko if: isShowingPage -->
               <div data-bind="css: $data.bodyContainerCss">
                   <!-- ko component: { name: "sv-components-container", params: { survey: $data, container: "left" } } --><!-- /ko -->
-                  <div data-bind="css: bodyCss, style:{maxWidth: renderedWidth}, attr: { id: activePage ? activePage.id : '' }">
-                        <!-- ko component: { name: "sv-components-container", params: { survey: $data, container: "contentTop" } } --><!-- /ko -->
-                        <!-- ko if: activePage -->
-                        <!-- ko template: { name: 'survey-page', data: activePage, afterRender: koAfterRenderPage } -->
-                        <!-- /ko -->
-                        <!-- ko if: activePage.rows.length == 0 && $data.emptyPageTemplate -->
-                        <!-- ko template: { name: emptyPageTemplate, data: $data.emptyPageTemplateData || $data } -->
-                        <!-- /ko -->
-                        <!-- /ko -->
-                        <!-- /ko -->
-                        <!-- ko component: { name: "sv-components-container", params: { survey: $data, container: "contentBottom" } } --><!-- /ko -->
+                  <div class="sv-components-column sv-components-column--expandable">
+                    <!-- ko component: { name: "sv-components-container", params: { survey: $data, container: "center" } } --><!-- /ko -->
+                    <div data-bind="css: bodyCss, style:{maxWidth: renderedWidth}, attr: { id: activePage ? activePage.id : '' }">
+                          <!-- ko component: { name: "sv-components-container", params: { survey: $data, container: "contentTop" } } --><!-- /ko -->
+                          <!-- ko if: activePage -->
+                          <!-- ko template: { name: 'survey-page', data: activePage, afterRender: koAfterRenderPage } -->
+                          <!-- /ko -->
+                          <!-- ko if: activePage.rows.length == 0 && $data.emptyPageTemplate -->
+                          <!-- ko template: { name: emptyPageTemplate, data: $data.emptyPageTemplateData || $data } -->
+                          <!-- /ko -->
+                          <!-- /ko -->
+                          <!-- /ko -->
+                          <!-- ko component: { name: "sv-components-container", params: { survey: $data, container: "contentBottom" } } --><!-- /ko -->
+                    </div>
                   </div>
                   <!-- ko component: { name: "sv-components-container", params: { survey: $data, container: "right" } } --><!-- /ko -->
               </div>