如何向 Vaadin/Maven 项目添加 css?

2024-03-19

那里存在SO 的一个问题 https://stackoverflow.com/questions/5594747/where-is-the-css-style-sheet-for-vaadin关于如何向 Vaadin 项目添加 css。提示是添加 css/WEB-INF/VAADIN/themes/地点。

我的问题是 Vaadin 项目通常在下面有 WEB-INF 文件夹WebContent现在在 Maven 上,类似的文件夹位于webapp。这似乎导致我的 css 更改没有生效。

另外,是否有必要在同一个中包含自定义CSS子结构和原来的CSS一样?我要修改tablecss 并且不知道 css 是否需要位于特定路径中。

那么如何添加表格的 css 以便表格也发生变化,而不仅仅是代码正确构建? :)

Update 1:我可以使用 Firebug 得到以下模板,但这是我在浏览器中得到的最接近的东西。




标题>



http://support.microsoft.com/default.aspx?scid=kb;en-us;Q294807了解更多 关于为什么这是必要的信息。
12345678901234567890123456789012345678901234567890123456789012345678901234567890
12345678901234567890123456789012345678901234567890123456789012345678901234567890
12345678901234567890123456789012345678901234567890123456789012345678901234567890
-->
正文>

链接>


您可能会将 styles.css 文件放在src/main/webapp/VAADIN/themes/[yourtheme]/文件夹并配置 Maven 以复制其中的所有内容src/main/webapp进入您的 WEB-INF。这样你的 .css 文件最终会出现在WEB-INF/VAADIN/themes/[yourtheme]/.

强烈建议从主题继承,而不是尝试覆盖默认主题的行为。

然后你需要在应用程序中指定你的主题名称

public void init()
{
    setTheme("simplegae");
    ...

并使您的 .css 文件继承主题的 css(runo、reindeer,...)。

@import "../reindeer/styles.css";

我最近使用 Maven 发布了一个示例 Vaadin 应用程序,可以在以下位置访问:这个地址 http://code.google.com/p/tinywebgears-samples/source/browse/trunk/simplegae/。它的目的是在 GAE 上工作,但是你可以从 SVN 上查看它并看看我做了什么:

svn co http://code.google.com/p/tinywebgears-samples/source/browse/trunk/simplegae/ simplegae
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何向 Vaadin/Maven 项目添加 css? 的相关文章

随机推荐