1 Reply Latest reply on Feb 28, 2008 12:37 AM by Mike8086

    Flex 3 Datagrid/Panel problem...

    Mike8086 Level 1
      I am using Eclipse 3.3.1.1 Build-id M20071023-1652, and Flex 3.0 Release version.

      I am having a strange problem. I just switched over from Flex 3 Beta 3 to the final release version of Flex 3. I have the following code compiled in F3B3 and F3 Release version, and I get a different result. In the release version, the Data grid doesn't stretch to the full size of the Panel. In Beta 3, it works.

      Another interesting detail... When I go to "design" view in Eclipse, it looks exactly as it should in design, but when I run it as a flex app, I see the effect where it's not stretching to fill 100% of the panel.

      I am going to try to attach a link to a JPEG at the end so you can see this effect. Any idea why this doesn't work? Very perplexing. Note, I tried setting the top,bottom,left,right to all zeroes, that doesn't fix it.

      <?xml version="1.0" encoding="utf-8"?>


      <mx:Application xmlns:mx=" http://www.adobe.com/2006/mxml" layout="vertical"
      alpha="1" themeColor="haloGreen" backgroundGradientColors="#ffffff">

      <!-- Load style sheet info -->
      <mx:Style source="../assets/styles/main.css"/>

      <mx:Panel id="main1" width="500" height="250" layout="absolute"
      title="Test">
      <mx:DataGrid id="test" left="0" right="0" bottom="60" top="28" dropEnabled="true" />

      <mx:ProgressBar id="progressbar" visible="true" labelPlacement="center"
      left="0" right="0" bottom="43" height="20" trackHeight="15" />

      </mx:Panel>

      </mx:Application>

      main.css:
      Panel {
      roundedBottomCorners: true;
      borderAlpha: 1;
      borderStyle: solid;
      highlightAlphas: 0.79, 0;
      headerColors: #e7e7e7, #cccccc;
      footerColors: #e7e7e7, #c7c7c7;
      borderColor: #666666;

      titleStyleName: "myTitleStyle";

      }


      Link to Example JPEG
        • 1. Re: Flex 3 Datagrid/Panel problem...
          Mike8086 Level 1
          I solved this problem. Just in case anyone else is struggling with this, I fixed it by adding the following to my main.css file:

          borderThicknessLeft: 0;
          borderThicknessRight: 0;
          borderThicknessTop: 0;
          borderThicknessBottom: 0;

          Hopefully my day of misery becomes your 10 seconds of misery! :)