Survey Creator tabs customization

You answered my 1st question
How about my 2nd, 3rd and 4th ?

also in 1st question answer canSwitchViewType() is getting this error. Error: "Property 'canSwitchViewType' does not exist on type 'SurveyEditor'"

Hello,

1. I could not reproduce the error: . Error: "Property 'canSwitchViewType' does not exist on type 'SurveyEditor'". What version do you use?
2. I believe I answered it. creator.tabs is an array. You may change items in this array as you want or as you do with any other JavaScript array. In the example, I am using Array.unshift function to insert the tab into the beginning. If I use push, it would be shown as the last tab and so on. Please review JavaScript Array functions.
3. You can call the save survey functionality in the a"action" function and do not switch the tab by calling creator.koViewType("youtabname"); so the active tab would not change. IMHO, I prefer do not have save button at all and save changes on every change as all popular cloud services do. Here is the help topic, surveyCreator.isAutoSave = true;
4. I believe I show it as well. I show how to display some data in the knockout template for this tab. You can show data from your database of course. In fact, you have the knockout template here and you do what ever you want.

Thank you,
Andrew
SurveyJS Team

Hello Andrew,

I would like to answer you regarding version We're using survey-angular:1.0.98. Still my error remains same as i moved on another task. Can you help me how to resolve this error.

Thanks,
Hiren

Hello Hiren,
Here is the angular cli example.

Thank you,
Andrew
SurveyJS Team

Hello Andrew,
I've added below code into my builder component.html file, and added tabs as shown in your example. but still i'm facing such error which is shown below in screenshot. basically I'm not able to fetch content of particular tab because of error.

Version details:
Angular CLI: 7.3.4
Angular: 7.2.7
@types/knockout: "^3.4.66"

HTML
<script type="text/html" id="customTemplateSummaryTab">
  <div>Your customized html.</div>
  <div data-bind="text: title"></div>
</script>

TS Code:

TypeScript
this.editor.tabs.unshift({
        name: 'summary',
        title: 'Summary',
        template: 'customTemplateSummaryTab',
        data: {
            title: 'Some dummy text of summary',
            data: 'This is custom data'
        },
        action: () => {
            this.editor.koViewType('summary');
        }
    });