{"id":43,"date":"2008-03-26T20:11:58","date_gmt":"2008-03-26T20:11:58","guid":{"rendered":"http:\/\/todepoint.com\/blog\/2008\/03\/26\/scrollpane-background-customization-as3\/"},"modified":"2008-03-26T20:11:58","modified_gmt":"2008-03-26T20:11:58","slug":"scrollpane-background-customization-as3","status":"publish","type":"post","link":"https:\/\/todepoint.com\/blog\/2008\/03\/26\/scrollpane-background-customization-as3\/","title":{"rendered":"scrollPane background customization &#8211; as3"},"content":{"rendered":"<p>I was trying to customize a scrollPane component (as3) and ran into some difficulties, I wanted to change the background of the panned area. The default background is kinda gray with rounded corners, I wanted it dark and strait corners.<\/p>\n<p><a href=\"http:\/\/www.flickr.com\/photos\/todepoint\/2363995803\/\" title=\"scrollPane default backround by todepoint, on Flickr\"><img loading=\"lazy\" src=\"http:\/\/farm3.static.flickr.com\/2260\/2363995803_9af69d7fb9_o.jpg\" width=\"310\" height=\"212\" alt=\"scrollPane default backround\" \/><\/a><\/p>\n<p>After far too much time searching Adobe&#8217;s Livedoc (what a shame, didn&#8217;t find the answer there), and reading countless posts, I eventually found the answer via Flash Help Panel.<\/p>\n<p><a href=\"http:\/\/www.flickr.com\/photos\/todepoint\/2363995753\/\" title=\"scrollPane customized backround by todepoint, on Flickr\"><img loading=\"lazy\" src=\"http:\/\/farm3.static.flickr.com\/2006\/2363995753_2e2c628d27_o.jpg\" width=\"310\" height=\"212\" alt=\"scrollPane customized backround\" \/><\/a><\/p>\n<p>Apparently the only way is to change the <strong>default skin<\/strong> of the component, to do that you simply prepare a MovieClip to serve as skin and give it linkage name, then set the component instance <strong>style<\/strong> to use the skin you prepared, like this:<\/p>\n<p><code>aSp.setStyle( \"upSkin\", newSkinClip );<\/code><\/p>\n<p><strong><a href=\"http:\/\/livedocs.adobe.com\/flash\/9.0\/ActionScriptLangRefV3\/fl\/containers\/ScrollPane.html#style:upSkin\" target=\"_blank\">upSkin<\/a><\/strong> is the default skin class, and I&#8217;m setting it to use the skin I made.<\/p>\n<p>Adobe really should find a way to make those livedoc easier for use and orientation, it takes too long for pages to load, and I keep finding my self clicking in loops..<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I was trying to customize a scrollPane component (as3) and ran into some difficulties, I wanted to change the background of the panned area. The default background is kinda gray with rounded corners, I wanted it dark and strait corners. After far too much time&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,16,29],"tags":[31],"_links":{"self":[{"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/posts\/43"}],"collection":[{"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":0,"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/posts\/43\/revisions"}],"wp:attachment":[{"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/media?parent=43"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/categories?post=43"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/tags?post=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}