topic Expando Pane title while collapsed in ArcGIS JavaScript Maps SDK Questions

Expando Pane title while collapsed

RyanSellman — Tue, 21 Oct 2014 13:12:00 GMT

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

Re: Expando Pane title while collapsed

weeyeo — Tue, 21 Oct 2014 14:00:29 GMT

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.

Re: Expando Pane title while collapsed

RyanSellman — Tue, 21 Oct 2014 14:47:40 GMT

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?