Print Page - TabsComponent does not show selectors when there are too many tabs panels.

Title: TabsComponent does not show selectors when there are too many tabs panels.
Post by: Swany on January 19, 2018, 11:55:58 AM

TabsComponent does not show selectors when there are too many tabs panels. If you create more tab panels then can fit in the component area. The selectors do not show up on the sides, as they do with the jQuery Tab Component. Please see attached pictures.

Title: Re: TabsComponent does not show selectors when there are to many tabs panels.
Post by: jarry on January 20, 2018, 08:30:37 AM

The scrolling tab feature is coming soon.

Title: Re: TabsComponent does not show selectors when there are to many tabs panels.
Post by: Swany on January 23, 2018, 09:58:34 AM

Thanks you for the reply.

Title: Re: TabsComponent does not show selectors when there are too many tabs panels.
Post by: jarry on January 25, 2018, 01:31:54 AM

The scrollable tabs is available now. Please look at this example https://www.jeasyui.com/demo-angular/main/index.php?plugin=Tabs&theme=material&dir=ltr&pitem=Scrollable%20Tabs&sort=

Title: Re: TabsComponent does not show selectors when there are too many tabs panels.
Post by: Swany on February 23, 2018, 10:38:55 AM

Jarry,

I updated to the newest version 1.0.1 and added the variable to to the eu-tab tag. But now I get an error saying "Cannot read property 'offsetWidth' of undefined". I have attached a log for the error.

Andy

Title: Re: TabsComponent does not show selectors when there are too many tabs panels.
Post by: Swany on March 08, 2018, 11:51:39 AM

Jarry,

Any update?

Title: Re: TabsComponent does not show selectors when there are too many tabs panels.
Post by: jarry on March 08, 2018, 03:38:22 PM

This example works fine.

https://www.jeasyui.com/demo-angular/main/index.php?plugin=Tabs&theme=material&dir=ltr&pitem=Scrollable%20Tabs&sort=

Title: Re: TabsComponent does not show selectors when there are too many tabs panels.
Post by: Swany on July 10, 2018, 07:50:19 AM

Jarry,

Issue was corrected with the update to version 1.1.11. This could have been correct earlier, but I just got around to retesting it with this update.

Thanks

Title: Re: TabsComponent does not show selectors when there are too many tabs panels.
Post by: khan on May 29, 2022, 02:08:47 PM

I have tested TabsComponent scrollable property with true value. In the below function. this.tabsRef is undefined. Can't read nativeElement property. I have tried extending TabsComponent. It has another TabPanelComponent inside its. So, I didn't solve the problem. I have tested with ng-easyui 1.3.0 version.

Code:

get maxScrollDistance() {
        //let width = domHelper.outerWidth(this.tabsRef.nativeElement);
	let width = this.tabsRef.nativeElement.scrollWidth;
	let wrapWidth = this.tabsWrapRef.nativeElement.offsetWidth;
	return width > wrapWidth ? width - wrapWidth : 0;
}

Title: Re: TabsComponent does not show selectors when there are too many tabs panels.
Post by: jarry on May 29, 2022, 03:57:45 PM

This issue has been fixed. Please try to update to the newest version.

Title: Re: TabsComponent does not show selectors when there are too many tabs panels.
Post by: khan on May 30, 2022, 05:22:41 AM

Updated 1.3.2 version. It works fine. Thanks...

EasyUI Forum

General Category => EasyUI for Angular => Topic started by: Swany on January 19, 2018, 11:55:58 AM