xpages - styleClass property always gets overwritten when adding style in theme -
i using theme xpage application set global look&feel settings configuration viewroot looks this:
<control dojotheme="true"> <name>viewroot</name> <property> <name>pageicon</name> <value>/favicon.ico</value> </property> <property> <name>style</name> <value>#{javascript: var response = facescontext.getexternalcontext().getresponse(); response.setheader("x-ua-compatible", "ie=8"); }</value> </property> <property mode="concat"> <name>styleclass</name> <value>claro</value> </property> </control> although use mode="concat", thought adds (like array.concat) properties viewroot overwrites it, <body> looks this:
<body class="claro"... instead of:
<body class="xsp lotusui claro"...
i experienced problem other <controls>/<properties> well.
my current solution set property value xsp lotusui claro not claro prevent body loosing oneui/xsp styles. got idea why mode="concat" not working in example? or mode else?
i not find documentation of theme properties if got link, glad if share it.
edit: working on xpages theme @ moment got more curious , played little bit this. far can see code works fine . in tests experienced can concat style definition pre-defined styleclass. can create xpages , define body style class body-styleclass predefined within xpage:
<?xml version="1.0" encoding="utf-8"?> <xp:view xmlns:xp="http://www.ibm.com/xsp/core" styleclass="mystyle"> <xp:button value="label" id="button1" themeid="bt" styleclass="oink"> </xp:button> </xp:view> using theme can add (or multiple) styleclasses:
<control> <name>viewroot</name> <property mode="concat"> <name>styleclass</name> <value>claro</value> </property> </control> in scenario, want concat styleclass definition added "default" styleclass - , seems issue or conflict. so, conclusion. if there else having more , deeper insights interested in deeper insights themes , inheritance in particular.
old comment:
far know, add attribute, should set override-property of control false.
example (your code changed):
<control dojotheme="true" override="false"> <name>viewroot</name> <property> <name>pageicon</name> <value>/favicon.ico</value> </property> <property> <name>style</name> <value>#{javascript: var response = facescontext.getexternalcontext().getresponse(); response.setheader("x-ua-compatible", "ie=8"); }</value> </property> <property mode="concat"> <name>styleclass</name> <value>claro</value> </property>
hope works , helps,
michael
Comments
Post a Comment