Tab content

[Alberto Monteverdi]

Hi,
I'd like to know if it is possible to set an <iframe> as a content
of a Tab Item in Javascript Tab control.
Thank You.
Alberto.

[Satheesh Kumar Balasubramanian]

Hi Alberto, 

  

Thanks for using Syncfusion Products. 

  

We have validated your reported query "is possible to set an <iframe> as a content of Tab Item in Javascript Tab control" and prepared sample to achieve your requirement. 

  

Sample: https://stackblitz.com/edit/iframe-tab-content?file=index.ts 

  

index.ts:   

let tabObj: Tab = new Tab({ 

  items: [ 

    { 

      header: { text: 'Iframe' }, 

      content: '#iframe' 

    } 

  ] 

}); 

//Render initialized Tab component 

tabObj.appendTo('#tab_default'); 

  

index.html:   

              <div id='iframe' style='display: none'> 

                    <iframe src="https://ej2.syncfusion.com/demos/#/material/tab/default.html" width="700" height="500"> 

                    </iframe> 

                </div> 

  

Kindly try the above sample and let us know if this meets your requirement. 

  

Regards, 

Satheesh Kumar B 

[Alberto Monteverdi]

Hi,

Yes, it works fine.

Thank You very much.

Alberto.

[Nevitha Ravi]

Hi Alberto, 

You are welcome..! please get back to us if you need any further assistance. 

Regards, 

Nevitha