Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I've run into this issue myself and I can confirm that it seem to have something to do with the SkinnableContainer. In my case, the issue shows up whenever I have a SkinnableContainer inside the controlGroup of a Panel or TitleWindow. I'll update this post when I figure out what exactly the cause is. In the mean time, here is an example app that produces the behaviour:</p> <pre><code> &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;s:Application minWidth="955" minHeight="600" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" currentState="{'EditImgState'}"&gt; &lt;s:layout&gt; &lt;s:VerticalLayout/&gt; &lt;/s:layout&gt; &lt;s:states&gt; &lt;s:State name="ReadOnlyState"/&gt; &lt;s:State name="InfoState"/&gt; &lt;s:State name="EditInfoState"/&gt; &lt;s:State name="EditImgState"/&gt; &lt;s:State name="EditBulletinState"/&gt; &lt;s:State name="VendorReadOnlyState"/&gt; &lt;s:State name="VendorState"/&gt; &lt;/s:states&gt; &lt;fx:Declarations&gt; &lt;!-- Place non-visual elements (e.g., services, value objects) here --&gt; &lt;/fx:Declarations&gt; &lt;s:Panel title="Product Info" preinitialize="{watchButtonSet()}" id="frameHeaderPanel"&gt; &lt;s:controlBarContent&gt; &lt;s:SkinnableContainer&gt; &lt;s:layout&gt; &lt;s:HorizontalLayout&gt; &lt;/s:HorizontalLayout&gt; &lt;/s:layout&gt; &lt;!--&lt;s:HGroup&gt;--&gt; &lt;s:Button id="details_edit_button" includeIn="EditInfoState" styleName="toolbarButton applicationFormEditIcon" label="Edit" click="{ dispatchEvent( new Event( 'frameHeaderPanel::editButtonClicked' ) ) }" click.VendorState="{ dispatchEvent( new Event( 'frameHeaderPanel::vendorView::editButtonClicked' ) ) }"/&gt; &lt;s:Button id="approvedReleasedButton" includeIn="EditInfoState" styleName="toolbarButton tickIcon" label="Mark Approved" click="{dispatchEvent(new Event('frameHeaderPanel::markApproved'))}"/&gt; &lt;s:Button id="frameRefreshButton" styleName="toolbarButton refresh" label="Refresh" click="{ dispatchEvent( new Event( 'frameHeaderPanel::refreshButtonClicked') ) }"/&gt; &lt;s:Button id="vendorInfoExportButton" includeIn="VendorState" label="Export Vendor Info" styleName="toolbarButton reportIcon" click="{dispatchEvent(new Event( 'frameHeaderPanel::vendorView::exportButtonClicked'))}"/&gt; &lt;s:Button id="lpApprovalExportButton" styleName="toolbarButton reportIcon" label="Generate Licensed Product Approval Form" click="{ dispatchEvent( new Event( 'frameHeaderPanel::lpApprovalExportButtonClicked' )) }"/&gt; &lt;s:Button id="imgUploadButton" includeIn="EditImgState" styleName="toolbarButton imageAddIcon" label="Upload Images" click="{ dispatchEvent( new Event( 'frameHeaderPanel::imgUploadButtonClicked' ) ) }"/&gt; &lt;s:Button id="imgDeleteButton" includeIn="EditImgState" styleName="toolbarButton imageDeleteIcon" label="Delete Image" click="{ dispatchEvent( new Event( 'frameHeaderPanel::imgDeleteButtonClicked' ) ) }"/&gt; &lt;!--&lt;/s:HGroup&gt;--&gt; &lt;/s:SkinnableContainer&gt; &lt;/s:controlBarContent&gt; &lt;s:Scroller height="100%" width="100%"&gt; &lt;s:VGroup id="readOnlyHeaderGroup" height="100%"&gt; &lt;s:RichText text="Some content goes here"/&gt; &lt;s:SkinnableContainer&gt; &lt;s:layout&gt; &lt;s:HorizontalLayout&gt; &lt;/s:HorizontalLayout&gt; &lt;/s:layout&gt; &lt;s:Button id="details_edit_button_2" includeIn="EditInfoState" styleName="toolbarButton applicationFormEditIcon" label="Edit" click="{ dispatchEvent( new Event( 'frameHeaderPanel::editButtonClicked' ) ) }" click.VendorState="{ dispatchEvent( new Event( 'frameHeaderPanel::vendorView::editButtonClicked' ) ) }"/&gt; &lt;s:Button id="approvedReleasedButton_2" includeIn="EditInfoState" styleName="toolbarButton tickIcon" label="Mark Approved" click="{dispatchEvent(new Event('frameHeaderPanel::markApproved'))}"/&gt; &lt;s:Button id="frameRefreshButton_2" styleName="toolbarButton refresh" label="Refresh" click="{ dispatchEvent( new Event( 'frameHeaderPanel::refreshButtonClicked') ) }"/&gt; &lt;s:Button id="vendorInfoExportButton_2" includeIn="VendorState" label="Export Vendor Info" styleName="toolbarButton reportIcon" click="{dispatchEvent(new Event( 'frameHeaderPanel::vendorView::exportButtonClicked'))}"/&gt; &lt;s:Button id="lpApprovalExportButton_2" styleName="toolbarButton reportIcon" label="Generate Licensed Product Approval Form" click="{ dispatchEvent( new Event( 'frameHeaderPanel::lpApprovalExportButtonClicked' )) }"/&gt; &lt;s:Button id="imgUploadButton_2" includeIn="EditImgState" styleName="toolbarButton imageAddIcon" label="Upload Images" click="{ dispatchEvent( new Event( 'frameHeaderPanel::imgUploadButtonClicked' ) ) }"/&gt; &lt;s:Button id="imgDeleteButton_2" includeIn="EditImgState" styleName="toolbarButton imageDeleteIcon" label="Delete Image" click="{ dispatchEvent( new Event( 'frameHeaderPanel::imgDeleteButtonClicked' ) ) }"/&gt; &lt;/s:SkinnableContainer&gt; &lt;/s:VGroup&gt; &lt;/s:Scroller&gt; &lt;/s:Panel&gt; &lt;fx:Script&gt; &lt;![CDATA[ import mx.binding.utils.BindingUtils; import mx.binding.utils.ChangeWatcher; public function watchButtonSet():void { var watchSetter:ChangeWatcher=BindingUtils.bindSetter(handleButtonSet, this, "lpApprovalExportButton"); } public function handleButtonSet(val:*):void { trace("button set to " + val); } ]]&gt; &lt;/fx:Script&gt; &lt;/s:Application&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload