问题标签 [vaadin10]

您好我正在尝试在vaadin组件上定义我的自定义样式。我有一个看起来像这样的html文件：styles

它是gradle项目，file位于 /src/main/resources/frontend/styles。

我正在尝试style在我的button组件上使用它，如下所示：

但我不知何故无法让这件事起作用。我很陌生，css所以请原谅我犯的任何愚蠢的错误。

我在github上搜索了一些示例，但我有点迷茫，如果有人能向我解释我该如何定义style，比如说，vaadinflow button？感谢您的任何帮助。

是否有任何特定方法可以在 Vaadin Flow 中的特定 TextField 元素上为 Enter 键添加快捷方式侦听器。文档对此保持沉默。

我遇到了新的 Vaadin Flow 问题，这让我在最后几天发疯了，所以我希望你们能帮助我。

我使用的技术：

1. Vaadin Flow Beta 8
2. Spring Boot 2.0.1.RELEASE
3. 嵌入式Tomcat
4. Maven 作为构建工具

项目布局：

父项目
|
|-api
|
|–常见
|
|-网络应用

基本情况：我有一个整体的 Vaadin Flow 应用程序，现在我想将它分成 3 部分：webapp、common 和 api。在此拆分之前，一切正常。

当前情况：当我尝试导航到 localhost:8080/ 时，出现以下错误：

对应的View类是：

我的资源位于 src/main/resources 下，有文件夹 frontend 和 assets。

我尝试以下事情：
将 htmlImport 更改为 context://frontend/styles/landing.html 、 /frontend/styles/landing.html 、 ../frontend/styles/landing.html
https://github.com/ vaadin/skeleton-starter-flow-spring/issues/28

奇怪的是，我尝试在 Eclipse 中运行该项目并且它开箱即用。没有问题。

我希望你们能帮助我，如果我遗漏了什么，请指出！

在 Vaadin 8 中，我可以像这样获得窗口的大小：

在 Vaadin 10 中，Page似乎不再有该getBrowserWindowWidth方法。

在 Vaadin 10 中确定浏览器窗口宽度的正确方法是什么？

我有一个像这样实现RouterLayout的组件：

我路由父布局的视图子

但结果覆盖了side-menu.html文件的所有内容。

side-menu.html模板基本格式

但结果是

预期结果是：

我试图从 Vaadin 8 迁移到 10，当我在我的 pom 文件中更新 vaadin-bom 的版本时遇到了问题。

以前的：

一旦我将版本更新到 10.0.1，我已经收到所有依赖项的错误

项目构建错误：com.vaadin:vaadin-server:jar 的“dependencies.dependency.version”缺失。

我是否明确放置了依赖项的版本（最新的仍然是 8++）？或者我应该在我的 pom 文件中更改任何步骤以使更新成功？

前言：我是一名高级 Vaadin 开发人员（我用过 6、7，现在我所有的项目都迁移到了 Vaadin 8）。

我开始学习 Vaadin 10 / Flow，但我发现自己陷入了困境。

我真正苦苦挣扎的是“项目”本身。越深入，越觉得这个框架正在走向一个基于 css/html 的框架，这需要比 java 更多的 css/html 知识。我的意思是，如果你不完全了解 css 和 html 是如何工作的，你就不能再轻易地使用这个框架了。

问题是我不知道我是否完全错过了这里的重点并且我正在迷失在一杯水中，或者这是否真的是一个完全不同的框架。在这里我要征求你的意见，以及一些对抗。

我找到了一些非常好的东西，比如@Router以及所有新的导航范例和新的 Mobile First 组件，但在示例中，如果不使用 css 和 html，我真的无法找到一种快速的方法来构建漂亮的外观和感觉布局。

用 Vaadin 8 完成的简单事情现在看起来对我来说很难理解......比如模板：使用 Vaadin 10 Designer 真的非常奇怪。

我希望我只是错过了重点，你们中的一些人可以帮助我理清思路。

我在理解 Vaadin 10 主题时遇到了一些麻烦：我已经阅读了网站上的所有文档，但我无法解决我的问题。

例如：如果我从头开始启动一个普通的 Vaadin 8 应用程序，当我停止服务器时，我会收到一个很好的断开连接通知：

但是有了一个新的 Vaadin 10 启动器（项目库），我收到了这个丑陋的通知

这两个应用程序都是标准的，没有来自 Vaadin 初学者的任何编辑。我试过玩shared-styles.html但没有成功。

我的问题，所有 vaadin 10 相关：

1. Lumo 主题是默认具有这种外观的，还是因为我缺少一些导入或设置而导致这种外观？
2. 如何为 Lumo 主题应用“深色”样式（我的意思是整个应用程序）？
3. 如何以及在何处应用全局样式变量，例如不同的原色或背景色？

谢谢

在AbsoluteLayoutVaadin 8 ( Framework ) 中，可以在布局中以像素位置为导向放置小部件。虽然不是我选择的第一个布局，但AbsoluteLayout它适合从其他使用面向像素位置的布局的 UI 构建平台移植代码。

手册中的示例代码：

我可以看到传递的参数只是 CSS 编码。但我不是 HTML/CSS 向导，这就是我首先使用基于 Java 的 Vaadin 的原因。

从 Vaadin 8 ( Framework ) 迁移到 Vaadin 10 ( Flow )的迁移指南在此组件列表中指出，from 8 不包含在 10 中，他们也不打算在未来添加它。但是该页面确实提供了有关替换的说明：AbsoluteLayoutAbsoluteLayout

使用例如 Div 在 V10 中很容易实现相同的效果

• 有人可以解释这在基于 Java 的 Vaadin 应用程序中意味着什么吗？也许是一个例子？
• 一个人如何在 Vaadin 10 Flow 应用程序中方便且常规地对小部件进行像素定位？

使用then启动drink-starter-flowmvn jetty:run就可以了。但是，如果下载相同版本的 Jetty (9.4.11.v20180605) 并通过 IntelliJ IDEA 启动它，则会出现以下错误。

如何解决这个问题？骨架启动流程应该与独立的 Jetty 一起使用吗？