Problems at implementing TabSwitcher widget from App store

0
Unfortunately, I couldn’t complete to implement the TabSwitcher widget from App store. Could you please say me what my mistake is?  These are the relevant screenshots of the project – I thought I’ve implemented it as described in the documentation of the widget. But as it seems I did not. What have I configured incorrectly? Maybe the TabIndex fields within the tabs?  That’s the input page:  Do you need any further screenshots or information?  Best regards, Robert
asked
3 answers
0

Hi Robert,

I created this widget. You are getting a ‘hard’ error in your browser, this should generate a log message. Did you check what has been written in the console log of your browser? Could you share this?

Also, I see the TabIndex attribute does not have any value front-end. Can you at least add a default value, 0 for instance, to it?

[EDIT]

Could you remove the tabSwitcherAttribute class from the TabSwitcher widget itself? Only the widget attribute (Behavior > Tab Class) may have this value next to one tab container for this widget to work properly. So, could you empty:

 

answered
0

Hello Ivo, 

Thanks for your support. That’s the log: 

mxui.js?636975856115478350:79 Error: MyFirstModule.Test_Index.tabSwitcher1: Error while applying context Error: MyFirstModule.Test_Index.tabSwitcher1: Error while applying context TypeError: Cannot read property 'length' of undefined
    at E.<computed>.O.<anonymous> (mxui.js?636975856115478350:46)
    at Object.e.exports.collect (mxui.js?636975856115478350:20)
    at Object.e.exports.applyContext (mxui.js?636975856115478350:46)
    at E.<computed>.O.passContext (mxui.js?636975856115478350:31)
    at mxui.js?636975856115478350:52
    at mxui.js?636975856115478350:52
    at mxui.js?636975856115478350:52
    at i (mxui.js?636975856115478350:52)
    at mxui.js?636975856115478350:52
    at o (mxui.js?636975856115478350:20)
(anonymous) @ mxui.js?636975856115478350:79
(anonymous) @ mxui.js?636975856115478350:79
e.log @ mxui.js?636975856115478350:79
e.error @ mxui.js?636975856115478350:79
onError @ mxui.js?636975856115478350:79
advice @ mxui.js?636975856115478350:5
a @ mxui.js?636975856115478350:5
O @ mxui.js?636975856115478350:79
(anonymous) @ mxui.js?636975856115478350:79
Promise.then (async)
get @ mxui.js?636975856115478350:79
value @ mxui.js?636975856115478350:52
_update @ mxui.js?636975856115478350:52
_runSubscription @ mxui.js?636975856115478350:52
e.callback.e.val.n.callback @ mxui.js?636975856115478350:52
callback @ mxui.js?636975856115478350:79
(anonymous) @ mxui.js?636975856115478350:46
(anonymous) @ mxui.js?636975856115478350:46
$ @ mxui.js?636975856115478350:46
n @ mxui.js?636975856115478350:46
(anonymous) @ mxui.js?636975856115478350:20
V @ mxui.js?636975856115478350:20
(anonymous) @ mxui.js?636975856115478350:46
(anonymous) @ mxui.js?636975856115478350:20
(anonymous) @ mxui.js?636975856115478350:20
(anonymous) @ mxui.js?636975856115478350:20
s @ mxui.js?636975856115478350:20
u @ mxui.js?636975856115478350:46
_shareWidgetSelection @ mxui.js?636975856115478350:52
eventItemClicked @ mxui.js?636975856115478350:52
(anonymous) @ mxui.js?636975856115478350:46
(anonymous) @ mxui.js?636975856115478350:5
r.sendClick @ mxui.js?636975856115478350:87
r.onTouchEnd @ mxui.js?636975856115478350:87
(anonymous) @ mxui.js?636975856115478350:87

 

Additionally, I have set the default value 0 to the attribute: 

Adding the default value 0 alone does not solve the issue yet. 

answered
0

Hi Robert,

I don't know if it matters but if I check the documentation of Ivo I see that he doesn't have the widget in his footer, but you do in your first few screenshots.

Also Ivo uses the class "tabSwitchAttribute" one time.

Kind regards,

answered