2 Replies Latest reply on Apr 10, 2010 5:18 AM by wmkolcz

    Skinning a Panel

    wmkolcz Level 1

      I am attempting to sking a panel and I created a simple graphic in AI and copied the Rect, Path, and Group information from the FXG and pasted it into a panel skin. It shows up fine, but the problem is that a white background shows up behind my drawing and looks weird. I want the title area to be transparents and only show the graphics I created. Any ideas on how to do that?

       

      Here is what I have:

       <!-- layer 0: title bar fill -->
                      <!--- @private -->
                      <s:Group y="-0.728027">
                          <s:Rect y="20.7876" width="400" height="19.9404" >
                              <s:fill>
                                  <s:SolidColor color="#39b54a"/>
                              </s:fill>
                          </s:Rect>
                          <s:Path winding="nonZero" data="M22.7651 0.847168L29.2446 13.9751 43.7314 16.0801 33.2485 26.2983 35.7231 40.728 22.7651 33.9155 9.80713 40.728 12.2817 26.2983 1.79883 16.0801 16.2861 13.9751 22.7651 0.847168Z" >
                              <s:fill>
                                  <s:SolidColor color="#fff200"/>
                              </s:fill>
                              <s:stroke>
                                  <s:SolidColorStroke caps="none" weight="0.75" joints="miter" miterLimit="4"/>
                              </s:stroke>
                          </s:Path>
                      </s:Group>

       

      Its just a yellow star at the left end and a green bar (half the height of the star). Ugly, but just wanted to prove a concept. Problem I have is the a white background shows up behind the star and green background (which is half the height of the tite bar.