Expando Pane title while collapsed

841
2
10-21-2014 06:12 AM
RyanSellman
Occasional Contributor II

This may be a dumb question, but I can't find an answer anywhere.  Does anyone know how to show a vertical title on an Expando Pane while its closed? By default when my app loads, all panes are collapsed - which I want to keep.  However, when it loads the user may not immediately know the pane is there without indicating it. Any help is much appreciated!

Thanks,


Ryan

0 Kudos
2 Replies
weeyeo
by
New Contributor II

Ryan, Add this to your css file:   .dojoxExpandoClosed .dojoxExpandoTitleNode {   display:block;   -webkit-transform: rotate(90deg);   -moz-transform: rotate(90deg);   -ms-transform: rotate(90deg);   -o-transform: rotate(90deg);   transform: rotate(90deg);   /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */   -webkit-transform-origin: 60% 75%;   -moz-transform-origin: 60% 75%;   -ms-transform-origin: 60% 75%;   -o-transform-origin: 60% 75%;   transform-origin: 60% 75%;   /* Should be unset in IE9+ I think. */   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);     } and put a title here for example: data-dojo-props="title: 'Menu'" Hope this help you.

RyanSellman
Occasional Contributor II

Awesome! Aside from Internet Explorer, that seems to have done it!  I tested successfully in Chrome, Firefox and Opera. As far as IE, it seems to only be working in IE 10.   Forgive me but I am unfamiliar with the unset keyword.  Is there a way to get this to work in later versions of IE?

0 Kudos