{"id":239,"date":"2008-02-09T17:52:06","date_gmt":"2008-02-10T01:52:06","guid":{"rendered":"http:\/\/dougmccune.com\/blog\/2008\/02\/09\/windowshade-component-added-to-flexlib\/"},"modified":"2013-06-09T19:44:37","modified_gmt":"2013-06-10T03:44:37","slug":"windowshade-component-added-to-flexlib","status":"publish","type":"post","link":"https:\/\/dougmccune.com\/blog\/2008\/02\/09\/windowshade-component-added-to-flexlib\/","title":{"rendered":"WindowShade component added to FlexLib"},"content":{"rendered":"<p>A new Flex container has been added to <a href=\"http:\/\/flexlib.net\">FlexLib<\/a>, called the WindowShade. This container shows a header button above or below the content of the container. Clicking the header button opens or closes the panel. This lets you easily create expandable panels in your Flex applications. A single WindowShade container can be used on its own, or you can place a few of them in a VBox to make something similar to an Accordion, except you can have multiple children open at once (similar to Peter Ent&#8217;s stack components).<\/p>\n<p>The component was contributed by Dave Glasser, of <a href=\"http:\/\/idashboards.com\">iDashboards<\/a>. I initially <a href=\"http:\/\/groups.google.com\/group\/flexlib\/browse_thread\/thread\/2a1d1a88b75f3f14\">went back and forth<\/a> with Dave about the component. At first I thought this was really trying to be an accordion component with multiple open children, in which case I figured if we were going to do that component we should do it right (maybe extend Accordion). But I&#8217;ve since been won over to the usefulness of a single WindowShade container, and in my latest project I even used it &#8211; 3 times \ud83d\ude42 So I worked with Dave and we reworked the component a bit, and now I think it&#8217;s pretty nifty.<\/p>\n<p>Here&#8217;s an example that uses LinkButtons for the headers. You can use any Button control (ie Button, LinkButton, CanvasButton).<\/p>\n<p><div id=\"swf3f311\">This movie requires Flash Player 9.<\/div>\n<script type=\"text\/javascript\">\n\tswfobject.embedSWF(\"http:\/\/flexlib.googlecode.com\/svn\/trunk\/examples\/WindowShade\/WindowShade_Sample.swf\", \"swf3f311\", \"500\", \"450\", \"9.0.0\", \"\", {}, {wmode: \"window\", menu: \"false\", quality: \"high\", bgcolor: \"#FFFFFF\", allowScriptAccess: \"always\"}, {});\n<\/script>\n<\/p>\n<p>As a side note, I also contributed a fix from Troy Gilbert that lets you use a CanvasButton in a Repeater. Thanks Troy!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A new Flex container has been added to FlexLib, called the WindowShade. This container shows a header button above or below the content of the container. Clicking the header button opens or closes the panel. This lets you easily create expandable panels in your Flex applications. A single WindowShade container can be used on its [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[2],"tags":[3],"class_list":["post-239","post","type-post","status-publish","format-standard","hentry","category-flex","tag-flexlib"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/dougmccune.com\/blog\/wp-json\/wp\/v2\/posts\/239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dougmccune.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dougmccune.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dougmccune.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dougmccune.com\/blog\/wp-json\/wp\/v2\/comments?post=239"}],"version-history":[{"count":2,"href":"https:\/\/dougmccune.com\/blog\/wp-json\/wp\/v2\/posts\/239\/revisions"}],"predecessor-version":[{"id":1791,"href":"https:\/\/dougmccune.com\/blog\/wp-json\/wp\/v2\/posts\/239\/revisions\/1791"}],"wp:attachment":[{"href":"https:\/\/dougmccune.com\/blog\/wp-json\/wp\/v2\/media?parent=239"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dougmccune.com\/blog\/wp-json\/wp\/v2\/categories?post=239"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dougmccune.com\/blog\/wp-json\/wp\/v2\/tags?post=239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}