Ejs tab responsive is not working in ejs-spiltter

[Ashok kumar]

Inside spiltter, the ejs tab responsive is not working while spanning.

But while screen resizing it is working. 

[Ravikumar Venkatesan]

Hi Ashok, 

Greetings from Syncfusion support. 

We have validated your reported problem at our end. But, we are unable to reproduce the issue at our end. We have prepared a sample for your reference and it can be available below. 

Sample: https://stackblitz.com/edit/ej2-angular-tab-inside-splitter-sample-hpmqw7?file=app.component.ts 

Kindly try the above sample and if you still facing the same issue please share the below details to serve you better. 

• Reproduce the issue in the above-shared sample and share it with us or
• Share a sample that illustrates the issue which would help us to proceed further.

Regards, 

Ravikumar Venkatesan 

[Ashok kumar]

From the above sample if i move the splitter right and make the tab content smaller width then the tab slider buttons is not coming. 

In ejs tab there is a slider butoon in right/left to move the header tab item. That is not coming.

[Balasubramanian Sattanathan]

Hi Ashok, 

 

Thanks for the update. 

 

We have validated your reported “In ejs tab there is a slider butoon in right/left to move the header tab item. That is not coming” problem and we could reproduce it at our side. So we would suggest you to refresh the Tab component in resizeStop event of the Splitter like the below code snippet to overcome the reported problem.  

 

[app.component.html] 

   <ejs-splitter id='outterSplitter' #splitterInstance class="splitter-expand" #horizontal height='385px' width='100%' separatorSize=3 (resizeStop)="onResizeStop($event)"> 

        </ejs-splitter> 

 

 

[app.component.ts] 

export class AppComponent { 

  @ViewChild('adaptiveTab') 

  public tabObj: TabComponent; 

 

  onResizeStop(args) { 

    this.tabObj.refresh(); 

  } 

} 

 

 

Sample: https://stackblitz.com/edit/ej2-angular-tab-inside-splitter-sample-hpmqw7?file=app.component.ts 

 

Kindly try the above solution and let us know if you need further assitance. 

 

Regards, 

Balasubramanian S 

[Ashok kumar]

Thank you. It is working.

[Vinitha Devi Murugan]

Hi Ashok, 

 

Thanks for your update. 

 

You are most welcome 😊. 

 

Regards, 

Vinitha