p:galleria not visible

[kurtomerfaruk]

Hello,
I am using p:galleria in dialog on a page but thumbnails do not appear. Also, when I examine from DevTools, css classes do not appear when I want to add different css and js files. The version I use is 14.0.8. How can I solve such a problem.

PrimeFaces Showcase : ui-galleria-item-wrapper
Project : ui-galleria-items

[kurtomerfaruk]

I have found the source of the problem, but I have no idea how to solve it. I use Bootstrap tab, when I add it to the active tab in the opening, the problem disappears. However, when I add it to the last tab and switch to this tab, the image is distorted

[melloware]

does it work without Bootstrap? If so I assume some Bootstrap CSS is interfering with Galleria.

[kurtomerfaruk]

Bootstrap works with tab. However, for it to work, it must be in the active tab in the dialogue opening

[melloware]

Please provide an executable example using the PrimeFaces Test project. It is the only way developers can debug your problem to help.

[kurtomerfaruk]

I solved the problem as follows. When the tab with Galleria is active, I re-render Galleria.

`
$(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function (e) {
var tab = $(e.target);
var contentId = tab.attr("href");

        if (tab.parent().hasClass('active') && contentId==="#resimlerEdit") {
            PF('galleriaWidget').render()
        }

    });

`