EasyUI Forum
March 04, 2024, 02:00:34 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: TabsComponent does not show selectors when there are too many tabs panels.  (Read 12046 times)
Swany
Newbie
*
Posts: 44


View Profile Email
« 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.

« Last Edit: January 23, 2018, 10:32:12 AM by Swany » Logged
jarry
Administrator
Hero Member
*****
Posts: 2260


View Profile Email
« Reply #1 on: January 20, 2018, 08:30:37 AM »

The scrolling tab feature is coming soon.
Logged
Swany
Newbie
*
Posts: 44


View Profile Email
« Reply #2 on: January 23, 2018, 09:58:34 AM »

Thanks you for the reply.
Logged
jarry
Administrator
Hero Member
*****
Posts: 2260


View Profile Email
« Reply #3 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=
Logged
Swany
Newbie
*
Posts: 44


View Profile Email
« Reply #4 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
Logged
Swany
Newbie
*
Posts: 44


View Profile Email
« Reply #5 on: March 08, 2018, 11:51:39 AM »

Jarry,

Any update?
Logged
jarry
Administrator
Hero Member
*****
Posts: 2260


View Profile Email
« Reply #6 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=
Logged
Swany
Newbie
*
Posts: 44


View Profile Email
« Reply #7 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
Logged
khan
Newbie
*
Posts: 13


View Profile
« Reply #8 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;
}
« Last Edit: May 29, 2022, 02:11:49 PM by khan » Logged
jarry
Administrator
Hero Member
*****
Posts: 2260


View Profile Email
« Reply #9 on: May 29, 2022, 03:57:45 PM »

This issue has been fixed. Please try to update to the newest version.
Logged
khan
Newbie
*
Posts: 13


View Profile
« Reply #10 on: May 30, 2022, 05:22:41 AM »

Updated 1.3.2 version. It works fine. Thanks...
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!