icon in tabs
Locked
 
|
hello world,
Is there anybody who already put an icon in tabs in TabContainer widget?
Any sample source-code is welcome...
Is this feature already on the todo list?
thanks,
_______________________________________________ Dojo FAQ: http://dojo.jot.com/FAQ Dojo Book: http://manual.dojotoolkit.org/DojoDotBook [hidden email] http://dojotoolkit.org/mailman/listinfo/dojo-interest |
Re: icon in tabs
|
I'm using Dojo and built tabs with icons however I did not use TabContainer. I used standard CSS tabs with rollover images and then attached Dojo events to each tab such that when a tab is clicked, the appropriate ContentPane is displayed and also the selected tab has the "active tab" image and the previously active tab reverts to the unselected image. See the source code for the Dojo home page. The tabs you see there are not TabContainer, but standard CSS tabs with events attached to them.
Sanjiv
On 8/17/06, lio bod <[hidden email]> wrote:
_______________________________________________ Dojo FAQ: http://dojo.jot.com/FAQ Dojo Book: http://manual.dojotoolkit.org/DojoDotBook [hidden email] http://dojotoolkit.org/mailman/listinfo/dojo-interest |
Re: icon in tabs
|
Is there any hidden reason why we should and/or can not use the tabContainer to perform this?
I am actually surprised to learn that the dojo guys are not even using their own widget to do this... Fabrice. On 8/17/06, Sanjiv Jivan <[hidden email]> wrote:
_______________________________________________ Dojo FAQ: http://dojo.jot.com/FAQ Dojo Book: http://manual.dojotoolkit.org/DojoDotBook [hidden email] http://dojotoolkit.org/mailman/listinfo/dojo-interest |
Re: icon in tabs
|
|
One issue I ran into with using images on tabs with the TabContainer (which uses the sliding doors technique) was that even when the tab (foreground) images have a transparent background, IE displayed a greyed out background when the tab is a state where it has a non-white background. (like blue in the case of the default Dojo tabs).
http://koivi.com/ie-png-transparency/
So I ended us using the CSS tab rollover technique where the selected / deselected tabs have the tab image as the background.
Sanjiv
On 8/17/06, Fabrice Douteaud <[hidden email]> wrote:
_______________________________________________ Dojo FAQ: http://dojo.jot.com/FAQ Dojo Book: http://manual.dojotoolkit.org/DojoDotBook [hidden email] http://dojotoolkit.org/mailman/listinfo/dojo-interest |
Re: icon in tabs
|
|
I actually looked more into this and I found that this code works well:
<div id="mainTabContainer" dojoType="TabContainer" style="width: 100%; height: 100%" selectedTab="tab1" > <a dojoType="LinkPane" href="/path/to/pane/content" refreshOnShow="true" style="display: none"><img src="path/to/your/image"/></a> </div> I am using this now when I need icon in the tabs. I hope this helps someone else. Fabrice. On 8/17/06, Sanjiv Jivan <[hidden email]> wrote:
_______________________________________________ Dojo FAQ: http://dojo.jot.com/FAQ Dojo Book: http://manual.dojotoolkit.org/DojoDotBook [hidden email] http://dojotoolkit.org/mailman/listinfo/dojo-interest |
Re: icon in tabs
|
|
In reply to this post by Fabrice Douteaud
Dojo team,
Can you explain why the Dojo Tab widgets werent used on the Dojo home page but instead the tabs are manually build using css / custom events to activate & deactivate tabs? I personally found it useful as it serves as a good example of how things could be built by the lower level Dojo constructs but I'm curious why the Dojo site tabs were not build using its standard tab widgets. Thanks, Sanjiv On 8/17/06, Fabrice Douteaud <[hidden email]> wrote:
_______________________________________________ Dojo FAQ: http://dojo.jot.com/FAQ Dojo Book: http://manual.dojotoolkit.org/DojoDotBook [hidden email] http://dojotoolkit.org/mailman/listinfo/dojo-interest |
Re: icon in tabs
|
Because at the time we couldn't achieve the layout design with them.
Since then, with the addition of the RemoteTabController widget, it would be easier to achieve that way. Dustin Sanjiv Jivan wrote: > Dojo team, > Can you explain why the Dojo Tab widgets werent used on the Dojo home > page but instead the tabs are manually build using css / custom events > to activate & deactivate tabs? I personally found it useful as it serves > as a good example of how things could be built by the lower level Dojo > constructs but I'm curious why the Dojo site tabs were not build using > its standard tab widgets. > > Thanks, > Sanjiv > > On 8/17/06, *Fabrice Douteaud* <[hidden email] > <mailto:[hidden email]>> wrote: > > Is there any hidden reason why we should and/or can not use the > tabContainer to perform this? > > I am actually surprised to learn that the dojo guys are not even > using their own widget to do this... > > Fabrice. > > > On 8/17/06, *Sanjiv Jivan* <[hidden email] > <mailto:[hidden email]>> wrote: > > I'm using Dojo and built tabs with icons however I did not use > TabContainer. I used standard CSS tabs with rollover images and > then attached Dojo events to each tab such that when a tab is > clicked, the appropriate ContentPane is displayed and also the > selected tab has the "active tab" image and the previously > active tab reverts to the unselected image. See the source code > for the Dojo home page. The tabs you see there are not > TabContainer, but standard CSS tabs with events attached to them. > > Sanjiv > > On 8/17/06, *lio bod* < [hidden email] > <mailto:[hidden email]>> wrote: > > hello world, > > Is there anybody who already put an icon in tabs in TabContainer > widget? > Any sample source-code is welcome... > > Is this feature already on the todo list? > > thanks, > > _______________________________________________ > Dojo FAQ: http://dojo.jot.com/FAQ <http://dojo.jot.com/FAQ> > Dojo Book: http://manual.dojotoolkit.org/DojoDotBook > [hidden email] > <http://manual.dojotoolkit.org/DojoDotBookDojo-interest@...> > http://dojotoolkit.org/mailman/listinfo/dojo-interest > > > > > _______________________________________________ > Dojo FAQ: http://dojo.jot.com/FAQ > Dojo Book: http://manual.dojotoolkit.org/DojoDotBook > [hidden email] > <http://manual.dojotoolkit.org/DojoDotBookDojo-interest@...> > http://dojotoolkit.org/mailman/listinfo/dojo-interest > <http://dojotoolkit.org/mailman/listinfo/dojo-interest> > > > > > _______________________________________________ > Dojo FAQ: http://dojo.jot.com/FAQ > Dojo Book: http://manual.dojotoolkit.org/DojoDotBook > [hidden email] > <http://manual.dojotoolkit.org/DojoDotBookDojo-interest@...> > http://dojotoolkit.org/mailman/listinfo/dojo-interest > > > > > ------------------------------------------------------------------------ > > _______________________________________________ > Dojo FAQ: http://dojo.jot.com/FAQ > Dojo Book: http://manual.dojotoolkit.org/DojoDotBook > [hidden email] > http://dojotoolkit.org/mailman/listinfo/dojo-interest Dojo FAQ: http://dojo.jot.com/FAQ Dojo Book: http://manual.dojotoolkit.org/DojoDotBook [hidden email] http://dojotoolkit.org/mailman/listinfo/dojo-interest |
«
Return to Dojo (Old Archive)
|
1 view|%1 views
Loading...
| Powered by Nabble | Edit this page |