Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: tabs changing by button

stokkup2313 priority asked 2 years ago


Expected behavior have a button that when clicked it goes to the next tab

Actual behavior only clicking the tabs or setting the exact tab to open via a method works. the button does not. if i click the save changes it shld take me to the next tab. enter image description here

Resources (screenshots, code snippets etc.)


stokkup2313 priority commented 2 years ago

 this is my typescript file that i am using in my code.


stokkup2313 priority commented 2 years ago

enter image description here this is my html file


mydancebay priority commented 2 years ago

Hi! I'm trying to add handler for click event to tab, but any results for me (


Arkadiusz Idzikowski staff commented 2 years ago

@mydancebay Could you please create a new thread and provide more information about the problem and the code you use?


Arkadiusz Idzikowski staff answered 2 years ago


@stokkup2313 Are there any errors in the console when you click the button that fires the setActiveTab method? It is possible that Angular can't recognize the 'tabs' element that you defined in the ViewChild decorator because you didn't specify any type. Please try to change this line of code to:

@ViewChild('tabs') tabs!: MdbTabsComponent;

and import MdbTabsComponent:

import { MdbTabsComponent } from 'mdb-angular-ui-kit/tabs';

stokkup2313 priority commented 2 years ago

i tried that but still didn't work. it returns undefined.


Arkadiusz Idzikowski staff commented 2 years ago

@stokkup2313 Could you edit the code snippets and provide the full updated code that you use so we can reproduce the problem on our end? I just tested that and it looks like everything is working correctly. When and how do you check if the tabs variable is defined?



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 1.6.1
  • Device: mac book pro
  • Browser: chrome
  • OS: macos
  • Provided sample code: No
  • Provided link: No