css - WSO2 碳 : Re-Theming a single page

Question

我们遵循了指南provided by WSO2访问 CSS/JSP 页面。

我们的目标是重新设计主题/重新标记/重新设计登录页面的样式。我们发现登录页面是 jar 的一部分:WSO2\repository\components\plugins\org.wso2.carbon.identity.sso.saml.ui_4.0.3.jar登录页面名为 login_ajaxprocessor.jsp

上面提到的指南对 JSP 以 _ajaxprocessor 结尾的说明如下。

By default when create a jsp file ( say “foo.jsp”) in a Carbon UI component, it will inherit header, left menu and footer from the Carbon core UI. But if the file name is “foo_ajaxprocessor.jsp”, there will be no inheritance.

For an example let's consider, “login_ajaxprocessor.jsp” in “org.wso2.carbon.identity.saml.sso.ui” component. It simply omit the header, left menu and footer and display only the content from this file. So we are able to customize this page in to a different look and feel.

已成功修改 JSP 文件中的语言(按钮等)。此 Jar 还包含一个 CSS 文件:\web\sso-saml\css\main.css我们已将此 CSS 文件修改为我自己的样式。但是，当页面加载时，似乎读取了默认的 WSO2 main.css 文件。

在查看 JSP 页面引用 CSS 的默认方式时，它说:

<link media="all" type="text/css" rel="stylesheet" href="carbon/sso-saml/css/main.css"/>

我们希望 /sso-saml/ 部分选择我们自己修改的 CSS 文件。

• 是否可以配置为仅针对此页面使用我们修改后的 CSS 文件？我们要防止必须更改默认的 main.css。另外，因为我们要使用特定的图像，所以我们要存储在 jar\web\sso-saml\images

Answer 1

是的，您可以使用自定义样式页面并应用它们。请参阅 [1] [2] 了解更多信息。这将指导您完成任务。希望这对您有所帮助。

[1] http://wso2.com/library/knowledge-base/2010/11/customize-ui-theming-wso2-carbon-based-products[2] http://wso2.com/library/knowledge-base/2011/11/playing-around-carbon-product-themes