如何在 Vaadin 组件上设置边框?

发布于 2024-10-31 07:55:31 字数 62 浏览 1 评论 0原文

我想以编程方式在 Java 中的 Form 组件周围设置边框。如何在不编辑 css 样式表的情况下做到这一点?

I would like to programmatically set a border around a Form component in Java. How can I do this without having to edit the css style sheet?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

与风相奔跑 2024-11-07 07:55:31

您可以使用 Panel 组件来包装表单,该组件已经定义了边框。否则,除了使用 CSS 之外,没有太多选择。

如果您希望留在服务器环境中,一种选择是使用 CSSInject 插件并使用它添加边框(您仍然需要编写 CSS,但您可以在服务器上的 Java 文件中执行此操作,而不是在常规 CSS 文件)。

You could wrap the form with a Panel component, which has a border defined already. Otherwise, not much alternatives than just using CSS.

One option, if you wish to stay inside the server environment, is to use the CSSInject add-on and add the border using that (you still need to write CSS, but you can do it on the server in a Java file and not inside a regular CSS file).

赤濁 2024-11-07 07:55:31

指定 CSS

Vaadin Flow — Style::set 用于在 Vaadin Flow(Vaadin 版本 10 及更高版本),您可以方便地以编程方式为小部件或布局设置 CSS。无需编辑单独的 CSS 文件,尽管建议使用 CSS 文件设置样式。

  1. 在您的小部件/布局上,调用 getStyle 检索 样式对象。
  2. 在该 Style 对象上,调用 set 传递 CSS 属性的名称和值。

例如,我发现在嵌套布局上设置亮色边框对于调试非常有帮助。

myVerticalLayout.getStyle().set( "border" , "6px dotted DarkOrange" ) ; 

您可以通过我对另一个 Vaadin 问题的回答中的屏幕截图来查看此操作:

screenshot of a layout with an obnoxious orange border added for debugging purposes

Vaadin Flow — Style::set to specify CSS

In Vaadin Flow (Vaadin versions 10 and later), you can conveniently set CSS for a widget or layout programmatically. No need to edit separate CSS files, even though styling with CSS files is the recommended way.

  1. On your widget/layout, call getStyle to retrieve the Style object.
  2. On that Style object, call set to pass the name and value of your CSS property.

For example, I find setting a bright colored border on my nested layouts quite helpful for debugging.

myVerticalLayout.getStyle().set( "border" , "6px dotted DarkOrange" ) ; 

You can see this in action with this screenshot on my Answer to another Vaadin question here:

screenshot of a layout with an obnoxious orange border added for debugging purposes

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文