Select to view content in your preferred language

Close button on minimized widget

685
3
Jump to solution
12-12-2012 04:30 PM
RhettZufelt
MVP Notable Contributor
Anyone know how to keep the close button (black X) on a widget when minimized?

I would like to be able to close the widget from the minimized state.  Currently, one has to full size it, then can be closed.

Any idea?

Thanks,

R_
Tags (2)
0 Kudos
1 Solution

Accepted Solutions
RhettZufelt
MVP Notable Contributor
Well, this was pretty confusing, but turns out in the end, it's pretty simple.

All I did was make the following changes to the WidgetTemplateSkin.mxml.

 <s:Group id="headerToolGroup"
    height="30"
    right="70" top="0"
    alpha.closed="0"
    includeInLayout.minimized="false"
    visible.minimized="false"
    visible.open="true">
  <s:layout>
   <s:HorizontalLayout paddingLeft="10"/>
  </s:layout>
 </s:Group>
 
 <s:Group id="minclose"
    height="30"
    right="3" top="0"
    includeInLayout.minimized="true"
    visible.closed="false"
    visible.minimized="true">
  <s:layout>
   <s:HorizontalLayout gap="2"
        paddingLeft="2"
        verticalAlign="middle"/>
  </s:layout>
  <mx:Image id="minimizeButton"


and it works.
R_

View solution in original post

0 Kudos
3 Replies
RobertScheitlin__GISP
MVP Emeritus
Rhett,

   That would involve a lot of changes to the WidgetTemplateSkin.mxml in the transitions section. I don't have the exact changes for you but that is where to begin.
0 Kudos
RhettZufelt
MVP Notable Contributor
Thanks again for pointing me in the right direction.

I will see what I can figure out.

R_
0 Kudos
RhettZufelt
MVP Notable Contributor
Well, this was pretty confusing, but turns out in the end, it's pretty simple.

All I did was make the following changes to the WidgetTemplateSkin.mxml.

 <s:Group id="headerToolGroup"
    height="30"
    right="70" top="0"
    alpha.closed="0"
    includeInLayout.minimized="false"
    visible.minimized="false"
    visible.open="true">
  <s:layout>
   <s:HorizontalLayout paddingLeft="10"/>
  </s:layout>
 </s:Group>
 
 <s:Group id="minclose"
    height="30"
    right="3" top="0"
    includeInLayout.minimized="true"
    visible.closed="false"
    visible.minimized="true">
  <s:layout>
   <s:HorizontalLayout gap="2"
        paddingLeft="2"
        verticalAlign="middle"/>
  </s:layout>
  <mx:Image id="minimizeButton"


and it works.
R_
0 Kudos