Work for https://github.com/surveyjs/survey-creator/issues/4371 - added component container to completed page

packages/survey-angular-ui/src/survey-content.component.html

@@ -26,6 +26,7 @@
         <ng-template [component]="{ name: 'sv-components-container', data: { survey: model, container: 'footer', needRenderWrapper: false } }"></ng-template>
         <div *ngIf="model.state === 'completed' && model.showCompletedPage" [class]="model.completedCss"
           [innerHtml]="model.processedCompletedHtml"></div>
+        <ng-template *ngIf="model.state === 'completed' && model.showCompletedPage" [component]="{ name: 'sv-components-container', data: { survey: model, container: 'completePage' } }"></ng-template>
         <div *ngIf="model.state === 'completedbefore'" [class]="model.completedBeforeCss"
           [innerHtml]="model.processedCompletedBeforeHtml"></div>
         <div *ngIf="model.state === 'loading'" [class]="model.loadingBodyCss" [innerHtml]="model.processedLoadingHtml"></div>

packages/survey-vue3-ui/src/Survey.vue

@@ -71,6 +71,12 @@
             v-html="getProcessedCompletedHtml()"
             :class="vueSurvey.completedCss"
           ></div>
+          <component
+            :is="'sv-components-container'"
+            :survey="vueSurvey"
+            :container="'completePage'"
+            :needRenderWrapper="true"
+          ></component>
         </div>
         <div
           v-if="vueSurvey.state === 'completedbefore'"

src/knockout/templates/index.html

@@ -35,6 +35,7 @@
               <!-- /ko -->
               <!-- ko if: state == "completed" && showCompletedPage -->
               <div data-bind="html: processedCompletedHtml, css: completedCss"></div>
+              <!-- ko component: { name: "sv-components-container", params: { survey: $data, container: "completePage", needRenderWrapper: false } } --><!-- /ko -->
               <!-- /ko -->
               <!-- ko if: state == "completedbefore" -->
               <div data-bind="html: locCompletedBeforeHtml.koRenderedHtml, css: completedBeforeCss"></div>

src/react/reactSurvey.tsx

@@ -145,6 +145,7 @@ export class Survey extends SurveyElementBase<any, any>
           dangerouslySetInnerHTML={htmlValue}
           className={this.survey.completedCss}
         />
+        <ComponentsContainer survey={this.survey} container={"completePage"} needRenderWrapper={false}></ComponentsContainer>
       </React.Fragment>
     );
   }

src/vue/survey.vue

@@ -32,6 +32,7 @@
             v-html="getProcessedCompletedHtml()"
             :class="vueSurvey.completedCss"
           ></div>
+          <component :is="'sv-components-container'" :survey="vueSurvey" :container="'completePage'"></component>
         </div>
         <div
           v-if="vueSurvey.state === 'completedbefore'"