UI Tabs - Css Class ui-tabs-panel not added to exsisting element
When adding tabs (through .tabs('add')) to an exsisting div element the class ui-tabs-panel is not applied, although this calss will be applied when creating tabs from the init. The below code fixed this for me
// try to find an existing element before creating a new one
var $panel = $('#' + id);
if (!$panel.length) {
$panel = $(o.panelTemplate).attr('id', id)
.addClass(o.panelClass).addClass(o.hideClass);
$panel.data('destroy.tabs', true);
}else{ // Ensure styling is applied to exsisting tab element
$panel.hasClass(o.panelClass) || $panel.addClass(o.panelClass)
}
Change History (5)
Component: |
core →
ui
|
Owner: |
set to paul
|
Resolution: |
→ fixed
|
Status: |
new →
closed
|
Sorry added to core component instead of UI, unsure how to change this on ticket.