1 Reply Latest reply on Jun 30, 2010 2:15 AM by Anirudh Sasikumar

    bug in flex 4, with truncating the link button and labels

    cyber0897 Level 1

      hey guys.. so my application has a popupanchor, and in that popup anchor i have multiple linkbuttons... and for some reason no matter what i try, it truncates all the link buttons, as well as the labels on accordions.

       

      i know that the button is not in a group with small width... ive also tried wrapping the link button in a group with a width of 500, and still the link button gets truncated...

       

      any ideas on how to fix this problem??

       

      if you would like the following is the code i have... essentially all the labels and linkbuttons gets truncated after the second time i popup the popupanchor.

       

       

      <s:PopUpAnchor id="detailsPopup" popUpPosition="topLeft" styleName="popUpBox" depth="20">
           <s:VGroup id="detailsGroup" contentBackgroundColor="#ffffff" height="518" width="791">
                <s:Group width="100%" height="100%">
                     <s:Rect width="100%" height="100%">
                          <s:fill>
                               <s:SolidColor color="#ffffff"/>
                          </s:fill>
                     </s:Rect>
                     <s:VGroup>
                          <s:BorderContainer backgroundColor="#0184C7" width="100%" height="88" borderVisible="false">
                               <mx:LinkButton label="[ X ]" skin="{null}" x="750" y="5" fontSize="8" color="#ffffff" rollOverColor="#333333" click="hideDetails.play(); resetVars();" />
                               <storyTextbox:advancedTextInput id="title" defaultText="Insert Title Here" fontSize="18" color="#ffffff" focusColor="#ffffff" width="575"
                                                                       height="30" verticalCenter="0" left="12" contentBackgroundColor="#0184C7" borderVisible="false"/>
                               <storyTextbox:advancedTextInput id="subHeading" defaultText="Insert Subtitle Here" fontSize="10" height="20" y="63" left="12" focusColor="#ffffff" width="315"
                                                                       color="#ffffff" contentBackgroundColor="#0184C7" borderVisible="false"/>
                               <s:VGroup paddingLeft="600" paddingTop="25">
                                    <s:HGroup>
                                         <s:Label text="File Name: " color="#ffffff" fontFamily="DINOT-Bold" />
                                         <s:Label text="{currentSelection.FileName}" color="#ffffff" fontFamily="DINOT-Regular" maxWidth="111" lineBreak="explicit" />
                                    </s:HGroup>
                                    <s:HGroup>
                                         <s:Label text="Video Id: " fontFamily="DINOT-Bold" color="#ffffff" />
                                         <s:Label text="{currentSelection.VideoId}" fontFamily="DINOT-Regular" color="#ffffff" />
                                    </s:HGroup>
                               </s:VGroup>
                               <s:HGroup paddingLeft="400" paddingTop="60">
                                    <s:Label id="dateFieldLbl" color="#ffffff" text="Date Available" paddingTop="5" paddingRight="15" />
                                    <s:Group>
                                         <mx:DateField id="dateField" initialize="txtFieldInitialized();" x="-75"
                                                          change="getSelDate();" styleName="dateFieldStyle" depth="100" fontSize="10" />
                                    </s:Group>
                               </s:HGroup>
                               <s:HGroup paddingTop="65" paddingLeft="515">
                                    <s:CheckBox id="corp" label="Corporate" styleName="checkboxStyle" selected="false" />
                                    <s:CheckBox id="insider" label="Insider" styleName="checkboxStyle" click="checkBoxClicked(insider);" selected="false" />
                                    <s:CheckBox id="podcast" label="Podcast" styleName="checkboxStyle" click="checkBoxClicked(podcast);" selected="false" />
                                    <s:CheckBox id="iphone" label="iPhone" styleName="checkboxStyle" click="checkBoxClicked(iphone);" selected="false" />
                               </s:HGroup>
                          </s:BorderContainer>
                          <s:HGroup>
                               <s:BorderContainer borderVisible="false">
                                    <s:VideoPlayer id="videoPlayer" width="545" height="307" mediaPlayerStateChange="vidPlyr_mediaPlayerStateChangeHandler(event);"
                                                      visible="true" skinClass="modules.videoHandler.components.videoPlayerSkin" dropShadowVisible="false" />
                                    <mx:LinkButton label="CAPTURE" skin="{null}" color="#0184C7" rollOverColor="#333333" click="captureVideo();" top="330" left="475" />
                               </s:BorderContainer>
                               <s:VGroup>
                                    <s:HGroup>
                                         <mx:Image id="initialThumbnail" styleName="imgSkin" source="{popupThumbnail}" width="100" height="55" />
                                         <s:Group>
                                              <mx:LinkButton label="SAVE" skin="{null}" color="#0184C7" rollOverColor="#333333" paddingLeft="78" paddingTop="16" click="saveData();" />
                                              <mx:LinkButton label="CLOSE" skin="{null}" color="#0184C7" rollOverColor="#333333" paddingLeft="68" paddingTop="30" click="hideDetails.play(); resetVars();" />
                                         </s:Group>
                                    </s:HGroup>
                                    <mx:Accordion id="tagsNCategoriesAccordion" width="225" height="285" borderVisible="false" headerStyleName="headerStyle" borderStyle="none">
                                         <s:NavigatorContent id="channel" label="Channel" visible="false">
                                                              </s:NavigatorContent>
                                    </mx:Accordion>
                               </s:VGroup>
                          </s:HGroup>
                     </s:VGroup>
                </s:Group>
           </s:VGroup>
      </s:PopUpAnchor>