<div>
<div class="content wysiwyg-content">
Hi All,<br />
<br />
I'm trying to find out the best way to skin a Panel component in Flex 4. &nbsp;The preferable method would be using graphics from Illustrator CS4 which I have already tried by exporting an .fxg file into Flex. &nbsp;The problem i'm having isnt really getting the graphics into the panel, its making it so that when the panels resize in the application, my skin doest distort ie. the rounded corners stay the same ratio.<br />
<br />
I have attached a simple panel image I have created that i would like to be used as a panel component skin to give you and idea of what im trying to acheive.<br />
<br />
Any help would be appriciated.<br />
<br />
Thanks.<br />
<br />
<a href="https://filedb.experts-exchange.com/incoming/2010/04_w18/300326/orange-top.jpg" target="_blank" class="file-inline" title="Example (46 KB)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M67.508 468.467c-58.005-58.013-58.016-151.92 0-209.943l225.011-225.04c44.643-44.645 117.279-44.645 161.92 0 44.743 44.749 44.753 117.186 0 161.944l-189.465 189.49c-31.41 31.413-82.518 31.412-113.926.001-31.479-31.482-31.49-82.453 0-113.944L311.51 110.491c4.687-4.687 12.286-4.687 16.972 0l16.967 16.971c4.685 4.686 4.685 12.283 0 16.969L184.983 304.917c-12.724 12.724-12.73 33.328 0 46.058 12.696 12.697 33.356 12.699 46.054-.001l189.465-189.489c25.987-25.989 25.994-68.06.001-94.056-25.931-25.934-68.119-25.932-94.049 0l-225.01 225.039c-39.249 39.252-39.258 102.795-.001 142.057 39.285 39.29 102.885 39.287 142.162-.028A739446.174 739446.174 0 0 1 439.497 238.49c4.686-4.687 12.282-4.684 16.969.004l16.967 16.971c4.685 4.686 4.689 12.279.004 16.965a755654.128 755654.128 0 0 0-195.881 195.996c-58.034 58.092-152.004 58.093-210.048.041z"/></svg>orange-top.jpg</a>
</div>
</div>


orange-top.jpg

Hi All,

I'm trying to find out the best way to skin a Panel component in Flex 4.  The preferable method would be using graphics from Illustrator CS4 which I have already tried by exporting an .fxg file into Flex.  The problem i'm having isnt really getting the graphics into the panel, its making it so that when the panels resize in the application, my skin doest distort ie. the rounded corners stay the same ratio.

I have attached a simple panel image I have created that i would like to be used as a panel component skin to give you and idea of what im trying to acheive.

Any help would be appriciated.

Thanks.


Flex 4 Panel Skinning

Illustration software is distinguished from photo-editing software in that the result is an original construction, rather than the manipulation of a photograph. Illustration software uses vector-based tools such that the content is stored digitally as resolution-independent mathematical formulae describing lines (open paths), shapes (closed paths), and color fills, strokes or gradients. Vector paths are constructed of anchor points and path segments. Illustration tools typically create precise lines, shapes and patterns with well-defined edges and are superb for working with complex constructions such as maps and typography.

Illustration Software

Apache Flex is a highly productive, open source application framework for building and maintaining expressive web applications that deploy consistently on all major browsers, desktops and devices (including smartphones, tablets and television). It provides a modern, standards-based language and programming model that supports common design patterns suitable for developers from many backgrounds. Flex applications can be deployed to the Adobe Player in the browser, Adobe AIR on desktop and mobile devices or to native Android, iOS, Windows or Mac applications.