Rounded tabs with Dijit
Date : 2008 02 27 Category : Tech & Development
Ajaxian
Nikolai Onken has written a detailed post on rounded tabs and how to get them all nice and happy with Dijit.
Although the example is focused on Dijit and tweaking the tab template:
PLAIN TEXT HTML:<div waiRole="presentation" dojoAttachEvent='onclick:onClick,onmouseenter:_onMouse,onmouseleave:_onMouse'>
<div waiRole="presentation" class='dijitTabInnerDiv' dojoAttachPoint='innerDiv'>
<div waiRole="presentation" class='dijitTabContent' dojoAttachPoint='tabContent'>
<span dojoAttachPoint='containerNode,focusNode'>${!label}</span>
<span dojoAttachPoint='closeButtonNode' class='closeImage' dojoAttachEvent='onmouseenter:_onMouse, onmouseleave:_onMouse, onclick:onClickCloseButton' stateModifier='CloseButton'>
</span><span dojoAttachPoint='closeText' class='closeText'>x</span>
</div>
</div>
</div>
The technique is just CSS, and could be used for anything.