Rich Internet Applications with Dojo Toolkit 101 - How do the widgets look in various browsers?
(Page 5 of 5 )
This is an important question since there are various browsers, and for each of the browsers there could be various versions. In this tutorial three recent browsers were used to display the pages. The following pictures show how the accordion widget (using the code shown above) would be rendered in three of the recent browsers, IE7.0, FireFox 2.0 and Opera 9.02.
IE 7.0
FireFox 2.0
Notice the underlining of the week, days and years in the widget, and the streak in the pane which stays opened up.
Opera 9.02
I could only find text in the displayed pane. The link does not work in the pane, nor does the button click. In the Hodentek pane, clicking on the calendar caused the URL of My Blog to be displayed, but clicking on the link itself did not display the URL.
It is interesting to see that the three different browsers showed most of the features of the UI in the pages. IE 7.0 renders the page best both with regards to formatting and layout as well as the user interaction. FireFox has problems with the display as shown and Opera has further problems while responding to events.
The same code was also tested in earlier versions, IE 6.0, Netscape 8.01, and FireFox 1.0. While the UI rendering had no problems, they all showed a flutter while opening up. In the case of FireFox 1.0 the whole pane (Hodentek) was linked to the URL of My Blog but the link itself was ineffective. In the case of IE 6.0 the fonts took up the Asian fonts as the machine had its local languages set to both English and Japanese. The tests on earlier versions were carried out in a display format of 1024 x 768 pixels, but the flutter in the opening could not be associated to the display resolution.
If you are using the tool kit please pay attention to the licensing as shown.
/*
Copyright (c) 2004-2006, The Dojo Foundation
All Rights Reserved.
Licensed under the Academic Free License version 2.1 or above OR the
modified BSD license. For more information on Dojo licensing, see:
http://dojotoolkit.org/community/licensing.shtml
*/
Summary
This a very simple and basic tutorial which may be useful to those who want to use the dojo toolkit together with their IIS server. The dojo toolkit has great potential for displaying rich content even though the examples in the tutorial were very simple and the user interaction tests carried out were very limited.
It should be mentioned that although ContentPane objects were placed in the AccordionContainer, it appears that the program internally uses what is called an AccordionPane, which is also a container. In this version of dojo the style can only be applied to the Content Pane. The problems with cross-browser functionality are not totally solved. The nightly test result from the dojo Foundation does demonstrate reproducible cross-browser functionality and the present tutorial perhaps used an earlier build.
| DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware. |
/ 11 
