Creating variable height tabbed content with Dojo Toolkit
Friday, January 16, 2009 • (0) Comments •Permalink
For the longest time when I started using DojoToolkit, I could not find out how to have dynamically variable height TabContainers. Making tabbed content was easy enough, but all the content panes were set at a static height which I set once for all tabs. This made for some strange webpages. The newer version of Dojo Toolkit lets you easily have the variable height TabContainers.
In the code for the body, you set the name of each tab using the title attribute.
Step 1: Put the header content just before your </head> tag.
Step 2: Put the body content where you want the tabbed TabContainer to appear.
Step 3: Adjust the tabbed content to suit your needs
Step 4: Be sure to change the name of each tabs ID. I like to use tab-one, tab-two etc.
Step 5: Add a class to your body tag for the tab styles <body class=“tundra”>
Create a floating dialog box with Dojo Dialog widget
Thursday, December 04, 2008 • (0) Comments •Permalink
I have never created a floating dialog box in my life. So when the idea came to do one with Dojo, I shuddered. However, after some searching I put the following together. It works quite well. Hopefully you will agree.
Step 1: Place the Header Content before your closing
tag in your HTML file.
Step 2: Place the Body Content where ever you want the buttons, in your HTML file.
Step 3: Add a class to your body tag for the tundra style
That is all there is to it.
Page 1 of 1 pages