dojo - 将 Dojo 剥皮为企业形象

Question

有人知道有关自定义 Dojo Dijit 主题的优质资源吗？或者有这方面的经验吗？

我们计划将它们更改为我们的公司标识，我不知道这会花费多少时间。

Answer 1

我剥了很多 dijit 的皮。这非常简单。

你有两个选择。复制主题文件夹并进行调整，或者通过覆盖 CSS 使用默认主题和季节来品尝。

我更喜欢第二种选择。只需在您使用 dijit 的每个页面上包含一个 CSS 文件，其中包含根据您的喜好调整 dijit 的规则。最简单的方法是在 Firebug 中检查渲染的 dijit 并复制 css。只要您的样式表稍后出现，您就会覆盖，但您可能希望进行更大的更改 specificity只是为了确定。

所以，假设我有一个想要更改其颜色的按钮。在 Firebug 中，我看到应用背景的规则是这样的(tundra.css line 1970):

.tundra .dijitButtonNode {
 background:url("images/buttonEnabled.png") repeat-x scroll left bottom #FFFFFF;
 border-color:#C0C0C0 #C0C0C0 #9B9B9B;
 border-style:solid;
  border-width:1px;
 padding:0.1em 0.2em 0.2em;
}

在 my_dijit_theme.css 文件中我放入:

body.tundra .dijitButtonNode { /* added "body" to increase specificity */
 background:url("/my_images_folder/my_dijit_theme/my_buttonEnabled.png");
}

IRL，您还可以更改边框以进行匹配等。但这表明它是多么容易。