Vaadin 布局不显示按钮答案

【问题标题】：Vaadin Layout dont Diaply ButtonsVaadin 布局不显示按钮
【发布时间】：2022-01-19 21:31:20
【问题描述】：

您好，我正在使用 Vaadin 编写 Web 应用程序。我使用这个 Vaadin 插件： https://vaadin.com/directory/component/carousel-addon

我的问题是我的按钮布局只显示在第三个轮播幻灯片上，我不知道为什么。

private Component crateCarouselSlides(Image iconimage, H1 header, Label infoText) {
    HorizontalLayout buttonLayout = new HorizontalLayout(previousSlideButton,nextSlideButton);
    if(infoText != null){
        VerticalLayout slideLayout = new VerticalLayout(iconimage,header,infoText,buttonLayout);
        slideLayout.setClassName("slideLayout");
        iconimage.setClassName("iconImage");
        return slideLayout;
    }else{
        HorizontalLayout textFields = new HorizontalLayout(new TextField("Name"),new TextField("Playlist"));
        VerticalLayout slideLayout = new VerticalLayout(iconimage,header,textFields,buttonLayout);
        slideLayout.setClassName("slideLayout");
        iconimage.setClassName("iconImage");
        return slideLayout;
    }
}

感谢您的帮助。 :)

Slide1 Slide3

【问题讨论】：

标签： java spring user-interface layout vaadin

【解决方案1】：

在第二种情况下，您的Label infoText 是否比您的HorizontalLayout textFields 占用更多的垂直空间，因此buttonLayout 只是看不见？

我知道这不是真正的答案。我尝试将此添加为评论，但我没有足够的声誉。

【讨论】：

幻灯片调整高度。尽管如此，我还是将幻灯片放大到整个页面。按钮仍未显示。

【解决方案2】：

经过长时间的调试终于解决了。按钮一次只能在一张幻灯片上。如果将按钮添加到多张幻灯片，则该按钮仅显示在最后一张幻灯片上。我没有找出原因。暂时我将为每张幻灯片创建一个新按钮。读起来不太好，但现在可以使用。

【讨论】：