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

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

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

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

【问题讨论】:

    标签: vaadin vaadin7 responsive


    【解决方案1】:

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

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

    【讨论】:

    • 我想我会将这些字段放在HorizontalLayoutCssLayout 中,因为我没有Vaadin 客户端开发经验。可惜没剩下的那么简单。
    • 对于 Vaadin 8 的新链接是:vaadin.com/docs/v8/framework/articles/…
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-01-06
    • 2021-09-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-06-21
    • 1970-01-01
    相关资源
    最近更新 更多