tabs inside a modal

[Ananya Juhi]

Hi,

I am trying to achieve a functionality like, I have a modal and inside that modal I want 6 tabs. All the 6 tabs have different contents. And the content of the tabs come when a method is called (selecting a tab and loading its content on external method call). 

So, could please help me out here ?

Thanks. :-)

[Narayanasamy Panneer Selvam]

  

Hi Ananya, 

 

Thanks for using Syncfusion products.  

 

We have prepared a sample based on your requirements. In this sample, we have achieved the following things. 

-       Created modal dialog 

-       Included 6 tabs inside modal dialog 

-       Activate a tab using “selectedIndex” api through “selected” event  

-       Loading content to tab using items[] property 

 

Please find the sample from the following link: http://plnkr.co/edit/N5qM9J8p0OUEWwU3EYKP?p=preview  

 

Please look the sample and get back to us whether sample meet your requirement. 

 

Regards, 

Narayanasamy P. 

[Ananya Juhi]

Hey,

Thanks for the example. Its exactly what I needed.

I just have one issue, I am not able to make the tabs scrollable.

Could you please help me with this??

Thanks :-)

[Narayanasamy Panneer Selvam]

Hi Ananya, 

 

Thanks for your update. 

 

We have ensured the previously shared sample with all latest browsers, but we couldn’t reproduce your reported issue in our end.  

 

Could you please share more details to reproduce the issue in our end?  

1. Product version which you have used
2. Browser in which you have faced this issue.
3. Could you confirm whether you expect active header also move on scrollable?

 

Please find the recorded video with shared sample:  

http://www.syncfusion.com/downloads/support/forum/137206/ze/tab462581330  

 

Regards, 

Narayanasamy P.