I have created a tab with four elements:
<li id=”TypeA” class=”tab” >aaa
<li id=”TypeB” class=”tab” >bbb
<li id=”TypeC” class=”tab” >bbb
<li id=”TypeD” class=”tab” >bb
<div class=”TabPage” ></div>
<div class=”TabPage” ></div>
<div class=”TabPage” ></div>
<div class=”TabPage” ></div>
I get an error on the console:
jqxtabs.js:1646 Uncaught TypeError: Cannot read property ‘style’ of undefined
at namespace.(anonymous function)._verticalAlignElements (http://localhost:62435/jqwidgets/jqxtabs.js:1646:29)
at namespace.(anonymous function)._performHeaderLayout (http://localhost:62435/jqwidgets/jqxtabs.js:1600:18)
at namespace.(anonymous function)._performLayout (http://localhost:62435/jqwidgets/jqxtabs.js:1342:18)
at jqxtabs.js:335
defensively coding by amending these lines in jqxtabs.js removes the error:
if (textWrapper)
textWrapper.style.height = ‘100%’;
// this._titleList[count].children(0).height(this._titleList[count].height());
var visibleHeight = this._height(currentTitle);
if (closeButtonWrapper) {
var closeButtonWrapperMiddle = visibleHeight / 2 – this._height(closeButtonWrapper) / 2;
closeButtonWrapper.style.marginTop = this._toPx(1 + closeButtonWrapperMiddle);
}
if (textWrapper) {
var textWrapperMiddle = visibleHeight / 2 – this._height(textWrapper) / 2;
textWrapper.style.marginTop = this._toPx(textWrapperMiddle);
}
Can you please advise as to what I need to change in my declaration so I do not have to change jqxtabs.js