Vaadin FormLayout 的响应性答案

【问题标题】：Responsiveness of Vaadin FormLayoutVaadin FormLayout 的响应性
【发布时间】：2016-06-13 19:34:14
【问题描述】：

我开始让我的 Vaadin 网络应用程序响应。阅读Vaadin docs，我设法使CssLayout 变得灵活，以便图像显示在文本部分的左侧或根据可用宽度显示在单独的行中。

现在我想让我的登录表单变得灵活。默认情况下，标题会移动到字段的左侧。当达到一定宽度时，如何实现标题移动到字段的顶部？ FormLayout 甚至可能吗？

真的无法想象使用 CSS 是可能的，因为 FormLayout 被呈现为 HTML 表格。如果是这样，有什么简单的替代方法？

【问题讨论】：

【解决方案1】：

FormLayout 无法做到这一点。 FormLayout 的结构不灵活。也没有简单的替代方案。您可以使用 CssLayout 或创建自己的组件容器。

此操作的起点可以是扩展 AbstractComponentContainer，如 Creating a simple component container 中所述

【讨论】：