Vaadin FormLayout 的响应能力
Responsiveness of Vaadin FormLayout
我开始让我的 Vaadin 网络应用程序响应。阅读 Vaadin docs,我设法使 CssLayout
变得灵活,以便根据可用宽度将图像显示在文本部分的左侧或单独的行中。
现在我想让我的登录表单更灵活。默认情况下,标题会移到字段的左侧。当达到一定宽度时,如何将字幕移动到字段的顶部? FormLayout
甚至可能吗?
无法想象 CSS 是可能的,因为 FormLayout
被呈现为 HTML table。如果是这样,什么是简单的替代方案?
FormLayout 做不到这一点。 FormLayout 的结构不灵活。也没有简单的选择。您可以使用 CssLayout 或创建自己的组件容器。
这可以从扩展 AbstractComponentContainer 开始,如 Creating a simple component container
中所述
我开始让我的 Vaadin 网络应用程序响应。阅读 Vaadin docs,我设法使 CssLayout
变得灵活,以便根据可用宽度将图像显示在文本部分的左侧或单独的行中。
现在我想让我的登录表单更灵活。默认情况下,标题会移到字段的左侧。当达到一定宽度时,如何将字幕移动到字段的顶部? FormLayout
甚至可能吗?
无法想象 CSS 是可能的,因为 FormLayout
被呈现为 HTML table。如果是这样,什么是简单的替代方案?
FormLayout 做不到这一点。 FormLayout 的结构不灵活。也没有简单的选择。您可以使用 CssLayout 或创建自己的组件容器。
这可以从扩展 AbstractComponentContainer 开始,如 Creating a simple component container
中所述