Empty jqxTabs

[LiamParticipant]

Hello.

To make jqxTabs work I need to declare at least one empty tab in HTML file :

<jqxTabs #tabs>
  <ul>
    <li></li>
  </ul>
  <div></div>
</jqxTabs>

The problem is I don’t need that empty tab. If I try to remove it in ngAfterViewInit() method :

this.tabs.removeFirst();

I get the following error code in Chrome console :

ERROR TypeError: Cannot read property ‘offsetLeft’ of undefined
at eval (jqxtabs.js:8)
at ZoneDelegate.invokeTask (zone.js:421)
at Object.onInvokeTask (core.js:4751)
at ZoneDelegate.invokeTask (zone.js:420)
at Zone.runTask (zone.js:188)
at ZoneTask.invokeTask (zone.js:496)
at ZoneTask.invoke (zone.js:485)
at timer (zone.js:2025)

The question is : how can I create jqxTabs with no tabs on it ? Or if it not possible, how can I remove that redundant tab in ngAfterViewInit() method ?

Thank you !

[MartinParticipant]

Hello Liam,

You cannot create jqxTabs, without having tabs in it.
If you need to add the tabs later, you can use createComponent for creating the widget.
Please, look at this Example.

If this does not work for you, can you clarify what are you trying to achieve?

Best Regards,
Martin

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts