This forum is closed to new posts and responses. Individual names altered for privacy purposes. The information contained in this website is provided for informational purposes only and should not be construed as a forum for customer support requests. Any customer support requests should be directed to the official HCL customer support channels below:

HCL Software Customer Support Portal for U.S. Federal Government clients
HCL Software Customer Support Portal



Mar 14, 2013, 5:48 PM
9 Posts

DOJO Accordion Container

  • Category: Dojo and Client Side JavaScript
  • Platform: Windows
  • Release: 8.5.2
  • Role: Developer
  • Tags: Accordion Container
  • Replies: 3
Hi,
 
I have Designer 8.5.2 and i started to learn Dojo using the below URL
 
 
as per the example i have added the  dojoParse and dojoTheme
 

<xp:view xmlns:xp="http://www.ibm.com/xsp/core"

xmlns:xc="http://www.ibm.com/xsp/custom" dojoParseOnLoad="true"

dojoTheme="true" onClientLoad="true">

 
and i have added the dojo module 
 

<xp:this.resources>

<xp:dojoModule name="dijit.layout.AccordionContainer"></xp:dojoModule>

<xp:dojoModule name="dijit.layout.ContentPane"></xp:dojoModule>

</xp:this.resources> 

and i have the added the div tags 
 

<xp:div dojoType="dijit.layout.AccordionContainer"

style="height:300px;">

<xp:div dojoType="dijit.layout.ContentPane" title="Panel1">

Panel1 : Using the Dojo Content Pane

</xp:div>

<xp:div dojoType="dijit.layout.ContentPane" title="Panel2">

Panel2 : Using the Dojo Content Pane

</xp:div>

<xp:div dojoType="dijit.layout.ContentPane" title="Panel3">

Panel3 : Using the Dojo Content Pane

</xp:div>

</xp:div> 

 while i try to preview it using the browser i just see the text inside the container as  a normal text i dont see the accordion effect.
 
Please help me with this, am i missing any property, also i thought to trouble shoot it but i dont see any ways to do that (in future if i stuck i dont know where to and what to check).
 
I thought adding dojo.js in the files would help but no effect on that its still the same.
 
Could someone help me with this please?   
 
 
 
   
 
 
  
 
Mar 14, 2013, 6:46 PM
586 Posts
Re: DOJO Accordion Container
 Looks fine to me.
 
I did this in some early videos I think.  Not sure which ones.  If you goto xpagescheatsheet.com you'll notice that I use a dojo Accordion container myself.  You can download the database from the home page of xpagescheatsheet.com and pick it apart as necessary.
 
But you're code does look right to me.  Might be worth checking a different browser.  I always start with Chrome myself.
 
Good Luck 
 
Dave 
Mar 16, 2013, 4:10 PM
9 Posts
Re: DOJO Accordion Container
Yes David, you were right it works in Chrome.
 
May i know why it dint work with IE? Is it the due to the dojo version or something else? 
 
Thanks.  
Mar 17, 2013, 5:02 PM
366 Posts
Re: DOJO Accordion Container
 David brings up a good point.  ALWAYS test in multiple browsers.  It doesn't work in IE due to the differences in the way IE interprets JS and CSS.
 
The DOJO stuff usually works well in IE7 compatibility mode which you can force in the XPages beforePageLoad event. 
 
 

This forum is closed to new posts and responses. Individual names altered for privacy purposes. The information contained in this website is provided for informational purposes only and should not be construed as a forum for customer support requests. Any customer support requests should be directed to the official HCL customer support channels below:

HCL Software Customer Support Portal for U.S. Federal Government clients
HCL Software Customer Support Portal