Aug 1, 2012 7:20 AM
135 Posts

Date/Time picker does not display correctly with theme that includes claro.css

  • Category: Dojo and Client Side JavaScript
  • Platform: Windows
  • Release: 8.5.3
  • Role: Developer
  • Tags: date picker,theme,css,claro
  • Replies: 0
Hi,
 
I used the XPage Edit Box with date/time type the first time today and this is already the 3rd problem I run into! I hope at least some of the problems are my mistakes, not Domino bugs as I fear. 
 
I'm using this theme :
 
<theme extends="webstandard" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="platform:/plugin/com.ibm.designer.domino.stylekits/schema/stylekit.xsd" > 
<resource dojoTheme="true">
<content-type>text/css</content-type>
<href>/.ibmxspres/dojoroot/dijit/themes/claro/claro.css</href>
</resource>
<control override="false">
<name>ViewRoot</name>
<property mode="concat">
<name>styleClass</name>
<value>claro</value>
</property>
<property>
<name>pageIcon</name>
<value>favicon.ico</value>
</property>
<property>
<name>pageTitle</name>
<value>#{javascript:@DbTitle()}</value>
</property>
</control>
</theme>
 
When the date picker shows only date it shows correctly. When it shows also time it seems to be missing a background: the controls under it are seen thru it. Obviously this is related to the claro.css I'm using. Tundra.css seems to included also and I guess that can be messing it up. Maybe I need to disable all generated CSS references and include only those I need... Any other/better ideas?
 
Server and Designer versions are 8.5.3FP2. 
 
EDIT: I tried removing tundra.css but it does not help. It's starting to look like the picker just does not display correctly with claro.css.I guess I need to look at the ext lib next.
EDIT2: Ext Lib seems to have Dojo Date Text Box but that supports only dates, not time (please correct if I'm wrong). Looks like the next thing to consider is to use some other than claro style.
EDIT3: SPR has been created by IBM support for this. 
 
thanks, 
 
- Panu