更改Vaadin仪表板主题以显示SplitPanel拆分器

Question

我对Vaadin很陌生，并且创建了一个基于Vaadin仪表板主题的web应用程序。但是，在我的应用程序中，我使用的是VerticalSplitPanel，但它没有显示拆分器！要调整分割面板的大小是不可能的。

在web上做了一些研究之后，我发现仪表板主题在组件的样式上是有限的，因为主题只实现了仪表板演示应用程序中显示的组件的样式。

我现在的问题是，是否可以修改仪表板主题以允许拆分面板的样式，从而允许我查看拆分器？如果是的话，有人能给我一个提示吗?我可以在哪里做这件事(请记住，我是新来的！)

Answer 1

仪表板演示是一个不错的启动，为您的应用程序获得一些想法，但我不建议使用它作为模板开始您的开发。如果你正在寻找的是“图形的外观和感觉”，知道这种感觉是在瓦洛的主题本土化。作为参考，您可以浏览github ( https://github.com/vaadin/valo-demo )上的Valo项目:例如，左侧菜单css样式在Valo的css中，它们仅在仪表板演示中被修改。如果您感兴趣的是“仪表板”页面的功能(在这里您可以看到火花、图表、注释等)，请记住这是用CssLayout制作的，这是制作自定义布局的一种强大方法，但当然您必须解决所有问题。这个布局中的SplitPanel可能会被覆盖，或者不是所有的东西都在css中实现。最后，您可以尝试在Vaadin目录中添加PortalLayout，以实现类似的目标，或者自己添加缺少的样式。干杯。