问题标签 [cssresource]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
6389 浏览

css - 如何在 GWT 中正确使用导入的 css 样式

想象一下,您使用 UiBinder 创建了以下简单的小部件:


比您在您创建的另一个(父)小部件中使用这个简单的小部件:


您想要实现的是使用 css 在列表中的 Widget1 条目之间获得一些边距。但这行不通。因为 GWT 会混淆 css 名称。.childWidgetStylein的混淆名称ParentWidget将与.childWidgetStylein不同Widget1。生成的 css 将类似于以下内容:

所以边距设置将不适用。我该如何正确地做到这一点?

0 投票
1 回答
1213 浏览

gwt - GWT CssResource 自定义

我正在使用 UIBinder 和 MVP 编写 GWT 小部件。小部件的默认样式在TheWidgetView.ui.xml中定义:

小部件的 CssResource 接口在TheWidgetView.java中定义:

我希望这个小部件的消费者能够自定义小部件的部分样式并将其包含在他们的MyExample.ui.xml中:

这就是他们的MyExample.java

有没有办法让我的小部件具有默认样式,但小部件的使用者可以覆盖其中一个?当接口扩展 TheWidgetView.MyStyle 时,小部件使用者需要定义该父接口中列出的所有样式。我已经看到一些小部件库有小部件的构造函数以 ClientBundle 作为参数,我想这可以应用于 CssResource。虽然,我不确定如何在 UIBinder 调用的构造函数中传递此样式对象。

提前非常感谢!

0 投票
4 回答
2711 浏览

css - GWT CssResource 中的基本算法

我正在寻找一种方法来做这样的事情:

其中 width 和 height 属性最终将具有 4px 的值。

0 投票
2 回答
2081 浏览

css - GWT:如何从同一个 ClientBundle 访问另一个样式表中定义的一个样式表常量

这个问题最好用一个例子来描述。

我的 GWT 应用程序中有以下 ClientBundle:

是应用程序使用的appStyle.css主要样式表,并且defines.css是仅包含常量的样式表,例如:

现在我可以defines.css在 UIBinder 模板和应用程序代码中使用样式表中的常量而不会出现问题,但我不能在我的appStyle.css.

我已经尝试用 替换interface Style extends CssResourceinterface Style extends Defines希望从Defines样式表继承可以让我访问“子”Style样式表中的常量,但是 GWT 编译器抱怨如下错误:

有什么办法可以做到这一点?

0 投票
1 回答
1642 浏览

gwt - 如何让 GWT CSSResource 解析 not() 选择器

我意识到 GWT 使用的 CSS 解析器只会处理 CSS2,但我的目标是 iPhone Safari,所以我希望能够使用一些 CSS3 的东西。对于属性,我一直很好地使用literalGWT 提供的函数,但是我在使用 CSS3 选择器时遇到了问题——尤其是not()伪类。

我有一些这样的 CSS:

当 GWT 将此文件作为资源加载时,我得到:

遇到“(”。期待以下之一:“{”“,”

literal功能适用​​于属性,但我尝试了这个:

并收到一条不同的错误消息:

遇到“”不是(.__lod):“”。期待其中之一:<IDENT>

我放置literal了整个块并且错误消息消失了,但我认为如果不@external使用使用它的选择器中引用的所有内容(此文件中还有很多其他内容),这将不起作用。

  1. 那还能用吗?
  2. 有没有更优雅的方法呢?
0 投票
3 回答
2751 浏览

gwt - 在 GWT 中需要应用范围的 CSS 常量

我想将一些颜色定义为 GWT CssResource 中的常量,并在我的应用程序中使用这些常量;但我不知道该怎么做。

我会告诉你我尝试了什么。我创建了一个 ClientBundle 和一个 CssResource,如下所示:

我在 Resources.css中定义了一些常量:

在 Resources.css 中,我像这样使用这些常量:

我不知道在其他 CSS 文件和 UiBinder 模板中重用这些常量的方法。我想在其他一些 UiBinder 文件中执行此操作,例如 LoginView.ui.xml:

...但它似乎没有编译。你知道我怎样才能实现我的目标吗?

0 投票
1 回答
4308 浏览

css - GWT css 背景图片

我使用 GWT 2.1.1

在包resources中,我有 png 图像和一个 css 文件。

在css文件中我写道:

比我创建 ClientBundle 接口扩展。有了这个 CSS 和图像。

比在 UiBunder 视图中我尝试更改 css 样式:

当此代码执行时 textArea 的 css 布局被破坏,但我看到它发生了class变化(FireBug)。似乎是css中的错误。

也许有人已经尝试过做同样的事情。

0 投票
1 回答
2673 浏览

eclipse - Weird error from the Eclipse GWT plugin when having a separate source folder for resources

I have an Eclipse GWT project with two source folders: One for source code and one for resources. This should and does work fine, but nevertheless Eclipse shows the following error message:

Resource file style.css is missing (expected at com.example.gwt.client)

If have the a class Resources in my source code source folder:

The references CSS file is in the same package in the source folder I use for resources.

It's not really a problem, since it definitely works, but I would like to get rid of the error message in any case, it's making me nervous. Any ideas?

0 投票
1 回答
664 浏览

gwt - 带有 CssResource 的 GWT 2.2 项目使用 ant 编译问题

在更大的 GWT 2.2.0 应用程序中,我们希望使用动态 CellTables。与其他小部件不同,CellTable 不使用 css 样式的标准名称(例如“gwt-MenuItem”)。所以我们必须从标准 css 转移到 CssResource,它还必须包含标准的“gwt-”样式,如下所示:

这在托管模式下工作正常,可以使用 eclipse 编译,但不能使用 ant 编译:

我找不到任何提示在 Eclipse 之外编译它必须做些什么。感谢您的任何评论。

0 投票
3 回答
281 浏览

css - 用小部件打包 css

我想打包一个小部件以轻松包含在任意项目中。我不想要求用户在他们的主机页面中链接到我个人创建的样式表——我只想在他们使用我的代码时神奇地注入 css。

我知道 CssResource 可以朝着这个梦想走一些路,但是在搜索文档之后,我没有找到对自然类型选择器的任何参考。例如,我想为<tr>小部件中的 s 设置样式,而不必为每个小部件添加类名。

这可以通过 GWT 实现吗?GWT 自己的小部件都具有相当彻底的样式,但似乎他们已经为 DOM 中的每个元素添加了一个样式类!