Quantcast

icon in tabs

classic Classic list List threaded Threaded
7 messages Options
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

icon in tabs

lio bod-4
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
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: icon in tabs

Sanjiv Jivan
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:
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: <a onclick="return top.js.OpenExtLink(window,event,this)" href="http://dojo.jot.com/FAQ" target="_blank">http://dojo.jot.com/FAQ
Dojo Book: <a onclick="return top.js.OpenExtLink(window,event,this)" href="http://manual.dojotoolkit.org/DojoDotBookDojo-interest@dojotoolkit.org" target="_blank">http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
<a onclick="return top.js.OpenExtLink(window,event,this)" href="http://dojotoolkit.org/mailman/listinfo/dojo-interest" target="_blank">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
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: icon in tabs

Fabrice Douteaud
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:
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:
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: <a href="http://dojo.jot.com/FAQ" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://dojo.jot.com/FAQ
Dojo Book: <a href="http://manual.dojotoolkit.org/DojoDotBookDojo-interest@dojotoolkit.org" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
<a href="http://dojotoolkit.org/mailman/listinfo/dojo-interest" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://dojotoolkit.org/mailman/listinfo/dojo-interest




_______________________________________________
Dojo FAQ: <a onclick="return top.js.OpenExtLink(window,event,this)" href="http://dojo.jot.com/FAQ" target="_blank">http://dojo.jot.com/FAQ
Dojo Book: <a onclick="return top.js.OpenExtLink(window,event,this)" href="http://manual.dojotoolkit.org/DojoDotBookDojo-interest@dojotoolkit.org" target="_blank"> http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
<a onclick="return top.js.OpenExtLink(window,event,this)" href="http://dojotoolkit.org/mailman/listinfo/dojo-interest" target="_blank">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
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: icon in tabs

Sanjiv Jivan
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:
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:
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:
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: <a onclick="return top.js.OpenExtLink(window,event,this)" href="http://dojo.jot.com/FAQ" target="_blank">http://dojo.jot.com/FAQ
Dojo Book: <a onclick="return top.js.OpenExtLink(window,event,this)" href="http://manual.dojotoolkit.org/DojoDotBookDojo-interest@dojotoolkit.org" target="_blank"> http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
<a onclick="return top.js.OpenExtLink(window,event,this)" href="http://dojotoolkit.org/mailman/listinfo/dojo-interest" target="_blank">http://dojotoolkit.org/mailman/listinfo/dojo-interest


 

 

_______________________________________________
Dojo FAQ: <a onclick="return top.js.OpenExtLink(window,event,this)" href="http://dojo.jot.com/FAQ" target="_blank">http://dojo.jot.com/FAQ
Dojo Book: <a onclick="return top.js.OpenExtLink(window,event,this)" href="http://manual.dojotoolkit.org/DojoDotBookDojo-interest@dojotoolkit.org" target="_blank">http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
<a onclick="return top.js.OpenExtLink(window,event,this)" href="http://dojotoolkit.org/mailman/listinfo/dojo-interest" target="_blank">http://dojotoolkit.org/mailman/listinfo/dojo-interest




_______________________________________________
Dojo FAQ: <a onclick="return top.js.OpenExtLink(window,event,this)" href="http://dojo.jot.com/FAQ" target="_blank">http://dojo.jot.com/FAQ
Dojo Book: <a onclick="return top.js.OpenExtLink(window,event,this)" href="http://manual.dojotoolkit.org/DojoDotBookDojo-interest@dojotoolkit.org" target="_blank">http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
<a onclick="return top.js.OpenExtLink(window,event,this)" href="http://dojotoolkit.org/mailman/listinfo/dojo-interest" target="_blank">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
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: icon in tabs

Fabrice Douteaud
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:
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). <a href="http://koivi.com/ie-png-transparency/" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">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:
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:
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:
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: <a href="http://dojo.jot.com/FAQ" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://dojo.jot.com/FAQ
Dojo Book: <a href="http://manual.dojotoolkit.org/DojoDotBookDojo-interest@dojotoolkit.org" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)"> http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
<a href="http://dojotoolkit.org/mailman/listinfo/dojo-interest" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://dojotoolkit.org/mailman/listinfo/dojo-interest


 

 

_______________________________________________
Dojo FAQ: <a href="http://dojo.jot.com/FAQ" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://dojo.jot.com/FAQ
Dojo Book: <a href="http://manual.dojotoolkit.org/DojoDotBookDojo-interest@dojotoolkit.org" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
<a href="http://dojotoolkit.org/mailman/listinfo/dojo-interest" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://dojotoolkit.org/mailman/listinfo/dojo-interest




_______________________________________________
Dojo FAQ: <a href="http://dojo.jot.com/FAQ" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://dojo.jot.com/FAQ
Dojo Book: <a href="http://manual.dojotoolkit.org/DojoDotBookDojo-interest@dojotoolkit.org" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
<a href="http://dojotoolkit.org/mailman/listinfo/dojo-interest" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://dojotoolkit.org/mailman/listinfo/dojo-interest




_______________________________________________
Dojo FAQ: <a onclick="return top.js.OpenExtLink(window,event,this)" href="http://dojo.jot.com/FAQ" target="_blank">http://dojo.jot.com/FAQ
Dojo Book: <a onclick="return top.js.OpenExtLink(window,event,this)" href="http://manual.dojotoolkit.org/DojoDotBookDojo-interest@dojotoolkit.org" target="_blank">http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
<a onclick="return top.js.OpenExtLink(window,event,this)" href="http://dojotoolkit.org/mailman/listinfo/dojo-interest" target="_blank">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
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: icon in tabs

Sanjiv Jivan
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:
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:
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:
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: <a href="http://dojo.jot.com/FAQ" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://dojo.jot.com/FAQ
Dojo Book: <a href="http://manual.dojotoolkit.org/DojoDotBookDojo-interest@dojotoolkit.org" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
<a href="http://dojotoolkit.org/mailman/listinfo/dojo-interest" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://dojotoolkit.org/mailman/listinfo/dojo-interest




_______________________________________________
Dojo FAQ: <a href="http://dojo.jot.com/FAQ" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://dojo.jot.com/FAQ
Dojo Book: <a href="http://manual.dojotoolkit.org/DojoDotBookDojo-interest@dojotoolkit.org" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)"> http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
<a href="http://dojotoolkit.org/mailman/listinfo/dojo-interest" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://dojotoolkit.org/mailman/listinfo/dojo-interest




_______________________________________________
Dojo FAQ: <a onclick="return top.js.OpenExtLink(window,event,this)" href="http://dojo.jot.com/FAQ" target="_blank">http://dojo.jot.com/FAQ
Dojo Book: <a onclick="return top.js.OpenExtLink(window,event,this)" href="http://manual.dojotoolkit.org/DojoDotBookDojo-interest@dojotoolkit.org" target="_blank">http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
<a onclick="return top.js.OpenExtLink(window,event,this)" href="http://dojotoolkit.org/mailman/listinfo/dojo-interest" target="_blank">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
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: icon in tabs

Dustin Machi
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
Loading...