{"id":1414,"date":"2014-03-14T11:58:35","date_gmt":"2014-03-14T09:58:35","guid":{"rendered":"http:\/\/hasselba.ch\/blog\/?p=1414"},"modified":"2014-03-14T11:59:08","modified_gmt":"2014-03-14T09:59:08","slug":"xpages-set-a-theme-for-a-single-xpage","status":"publish","type":"post","link":"https:\/\/hasselba.ch\/blog\/?p=1414","title":{"rendered":"XPages: Set a Theme for a single XPage"},"content":{"rendered":"

… or how you can use your own FacesContext implementation.<\/h1>\n

What we need first is our own FacesContext implementation with new methods to set the StlyeKitId<\/em> (which is the name of the Theme) for initializing the StyleKit<\/em> instance:<\/p>\n

package ch.hasselba.xpages;\r\n\r\nimport javax.faces.context.FacesContext;\r\nimport com.ibm.xsp.application.ApplicationExImpl;\r\nimport com.ibm.xsp.context.FacesContextExImpl;\r\nimport com.ibm.xsp.stylekit.StyleKit;\r\n\r\n\/**\r\n\u00a0* ThemeSwitcherFacesContext\r\n\u00a0* allows to switch the theme during runtime\r\n\u00a0* \r\n\u00a0* @author Sven Hasselbach\r\n\u00a0* @version 0.1\r\n\u00a0*\/\r\npublic class ThemeSwitcherFacesContext extends FacesContextExImpl {\r\n\r\n\u00a0\u00a0\u00a0 private StyleKit styleKit;\r\n\u00a0\u00a0\u00a0 private String styleKitId;\r\n\u00a0\u00a0\u00a0 private FacesContext delegated;\r\n\u00a0\u00a0\u00a0 \/**\r\n\u00a0\u00a0\u00a0\u00a0 * constructor\r\n\u00a0\u00a0\u00a0\u00a0 * \r\n\u00a0\u00a0\u00a0\u00a0 * @param fc\r\n\u00a0\u00a0\u00a0\u00a0 * \u00a0\u00a0 \u00a0delegated javax.faces.context.FacesContext\r\n\u00a0\u00a0\u00a0\u00a0 *\/\r\n\u00a0\u00a0\u00a0 public ThemeSwitcherFacesContext(FacesContext fc) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 super(fc);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 this.delegated = fc;\r\n\u00a0\u00a0\u00a0 }\r\n\r\n\u00a0\u00a0\u00a0 \/**\r\n\u00a0\u00a0\u00a0\u00a0 * returns current StyleKit\r\n\u00a0\u00a0 \u00a0 * \r\n\u00a0\u00a0\u00a0\u00a0 * @return com.ibm.xsp.stylekit.StyleKit\r\n\u00a0\u00a0\u00a0\u00a0 *\u00a0\u00a0\u00a0\u00a0\u00a0 the StyleKit used for rendering the view\r\n\u00a0\u00a0\u00a0\u00a0 *\/\r\n\u00a0\u00a0\u00a0 public StyleKit getStyleKit() {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if (this.styleKit == null) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 this.styleKit = super.getStyleKit();\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 return this.styleKit;\r\n\u00a0\u00a0\u00a0 }\r\n\r\n\u00a0\u00a0\u00a0 \/**\r\n\u00a0\u00a0\u00a0\u00a0 * sets the StyleKit\r\n\u00a0\u00a0\u00a0\u00a0 * \r\n\u00a0\u00a0\u00a0\u00a0 * @param stlyeKit\r\n\u00a0\u00a0\u00a0\u00a0 *\u00a0\u00a0\u00a0\u00a0 the com.ibm.xsp.stylekit.StyleKit to use \r\n\u00a0\u00a0\u00a0\u00a0 *\/\r\n\u00a0\u00a0\u00a0 public void setStyleKit(final StyleKit styleKit) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 this.styleKit = styleKit;\r\n\u00a0\u00a0\u00a0 }\r\n\r\n\u00a0\u00a0\u00a0 \/**\r\n\u00a0\u00a0\u00a0\u00a0 * returns the current StyleKitId (aka Theme name)\r\n\u00a0\u00a0\u00a0\u00a0 * \r\n\u00a0\u00a0\u00a0\u00a0 * @return String\r\n\u00a0\u00a0\u00a0\u00a0 *\u00a0\u00a0\u00a0\u00a0 the id of the StyleKit\r\n\u00a0\u00a0\u00a0\u00a0 *\/\r\n\u00a0\u00a0\u00a0 @Override\r\n\u00a0\u00a0\u00a0 public String getStyleKitId() {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if (this.styleKitId == null) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 this.styleKitId = super.getStyleKitId();\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 return styleKitId;\r\n\u00a0\u00a0\u00a0 }\r\n\r\n\u00a0\u00a0\u00a0 \/**\r\n\u00a0\u00a0\u00a0\u00a0 * sets the StyleKitId\r\n\u00a0\u00a0\u00a0\u00a0 * \r\n\u00a0\u00a0\u00a0\u00a0 * @param styleKitId\r\n\u00a0\u00a0\u00a0\u00a0 *\u00a0\u00a0\u00a0\u00a0 the id of the StyleKit\r\n\u00a0\u00a0\u00a0\u00a0 *\/\r\n\u00a0\u00a0\u00a0 public void setStyleKitId(final String styleKitId) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 this.styleKitId = styleKitId;\r\n\u00a0\u00a0\u00a0 }\r\n\r\n\u00a0\u00a0\u00a0 \/**\r\n\u00a0\u00a0\u00a0\u00a0 * initializes the StyleKit for the current view\r\n\u00a0\u00a0\u00a0\u00a0 *\/\r\n\u00a0\u00a0\u00a0 public void loadStyleKit() {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 this.styleKit = ((ApplicationExImpl) getApplication())\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 .getStyleKit(this.styleKitId);\r\n\u00a0\u00a0\u00a0 }\r\n}<\/code><\/pre>\n
But you cannot register the FacesContext<\/em> implementation directly. That’s why we have to build our own FacesContextFactory<\/em> to inject our FacesContext<\/em> instance this:<\/p>\n
package ch.hasselba.xpages;\r\n\r\nimport javax.faces.FacesException;\r\nimport javax.faces.context.FacesContext;\r\nimport javax.faces.context.FacesContextFactory;\r\nimport javax.faces.lifecycle.Lifecycle;\r\nimport com.ibm.xsp.FacesExceptionEx;\r\nimport com.ibm.xsp.context.FacesContextFactoryImpl;\r\n\r\n\/**\r\n\u00a0* ThemeSwitcherFacesContextFactory\r\n\u00a0* \r\n\u00a0* @author Sven Hasselbach\r\n\u00a0* @version 0.1\r\n\u00a0*\/\r\npublic class ThemeSwitcherFacesContextFactory extends FacesContextFactory {\r\n\r\n\u00a0\u00a0 \u00a0private FacesContextFactory delegate;\r\n\r\n\u00a0\u00a0 \u00a0@SuppressWarnings(\"unchecked\")\r\n\u00a0\u00a0 \u00a0public ThemeSwitcherFacesContextFactory(){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0try{\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0Class clazz = Class.forName( \"com.sun.faces.context.FacesContextFactoryImpl\" );\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0 this.delegate = (FacesContextFactory) clazz.newInstance();\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0 catch (Exception e){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 throw new FacesExceptionEx(e);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0public ThemeSwitcherFacesContextFactory(FacesContextFactory fcFactory){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0this.delegate = fcFactory;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if ((this.delegate instanceof FacesContextFactoryImpl)) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0this.delegate = ((FacesContextFactoryImpl)this.delegate).getDelegate();\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0public FacesContext getFacesContext(Object param1, Object param2, \r\n        Object param3, Lifecycle paramLC) throws FacesException {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0FacesContext fc = this.delegate.getFacesContext(param1, param2, param3, paramLC);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0return new ThemeSwitcherFacesContext(fc);\r\n\u00a0\u00a0 \u00a0}\r\n}<\/code><\/pre>\n
Now, you have to add the FacesContextFactory<\/em> to the faces-config.xml<\/em> to activate it:
\n<\/em><\/p>\n
<?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<faces-config>\r\n\u00a0 <factory>\r\n\u00a0\u00a0\u00a0 <faces-context-factory>\r\n        ch.hasselba.xpages.ThemeSwitcherFacesContextFactory\r\n    <\/faces-context-factory>\r\n\u00a0 <\/factory>\r\n<\/faces-config><\/code><\/pre>\n
If you open the XPage, an error will occur:<\/p>\n
\"\"<\/p>\n
This happens because there are some java security restrictions with the class loader of the delegated classes. You have to modify the java security in the java.policy<\/em> file (you can limit the the grant to specific database if you want).<\/p>\n
grant {\r\n\u00a0\u00a0\u00a0 permission java.security.AllPermission;\r\n};<\/code><\/pre>\n
Then you can add a Theme to your XPage, f.e. this one:<\/p>\n
<theme\r\n    extends=\"webstandard\" \r\n    xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" \r\n    xsi:noNamespaceSchemaLocation=\"platform:\/plugin\/com.ibm.designer.domino.stylekits\/schema\/stylekit.xsd\" >\r\n    <control>\r\n        <name>ViewRoot<\/name>\r\n        <property>\r\n            <name>style<\/name>\r\n            <value>background-color:rgb(255,255,0)<\/value>\r\n        <\/property>\r\n    <\/control>\r\n<\/theme><\/code><\/pre>\n
To use the ThemeSwitcher, you have to add some code in the beforePageLoad event:<\/p>\n
<?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<xp:view xmlns:xp=\"http:\/\/www.ibm.com\/xsp\/core\">\r\n\r\n\u00a0\u00a0 \u00a0<xp:this.beforePageLoad>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0<![CDATA[#{javascript:\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0importPackage( ch.hasselba.xpages );\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0var fc:ch.hasselba.xpages.ThemeSwitcherFacesContext = facesContext;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0fc.setStyleKitId( \"ThemeA\");\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0fc.loadStyleKit();}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0]]>\r\n\u00a0\u00a0 \u00a0<\/xp:this.beforePageLoad>\r\n\r\n\u00a0\u00a0 \u00a0Switched Theme\r\n\r\n<\/xp:view><\/code><\/pre>\n
When the XPage is opened in the browser, the Theme is changed:<\/p>\n
\"\"<\/p>\n
All other pages in the NSF are stil using the default Theme:<\/p>\n
\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"
… or how you can use your own FacesContext implementation. What we need first is our own FacesContext implementation with new methods to set the StlyeKitId (which is the name of the Theme) for initializing the StyleKit instance: package ch.hasselba.xpages; … Weiterlesen →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[89,26,81,74],"tags":[47,7,86,3],"class_list":["post-1414","post","type-post","status-publish","format-standard","hentry","category-java","category-jsf","category-web","category-xpages","tag-9-0","tag-domino","tag-jsf","tag-xpages"],"_links":{"self":[{"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1414","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1414"}],"version-history":[{"count":4,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1414\/revisions"}],"predecessor-version":[{"id":1418,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1414\/revisions\/1418"}],"wp:attachment":[{"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1414"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1414"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}