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
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.
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?