1 Reply Latest reply on Apr 30, 2010 10:36 AM by Flex harUI

    FB4 CSS Styles don't work on MX components with code sample

    jmandawg Level 1

      Does anyone know why CSS styles won't work on mx Components in flas builder 4.  For example i can't set the roundedBottomCorners or the color of the title bar:

       

       

      <?xml version="1.0" encoding="utf-8"?>
      <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
                     xmlns:s="library://ns.adobe.com/flex/spark"
                     xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
          <fx:Declarations>
              <!-- Place non-visual elements (e.g., services, value objects) here -->
             
          </fx:Declarations>
          <fx:Style>
              @namespace "library://ns.adobe.com/flex/mx";
              .antennaPanel {
                  borderColor: #000000;
                  borderAlpha: 0.52;
                  roundedBottomCorners: true;
                  cornerRadius: 5;
                  backgroundColor: #333333;
                  dropShadowEnabled: true;
                  shadowDirection: center;
                  titleStyleName: "mypanelTitle";
              }
             
              .mypanelTitle {
                  color: #ffffff;
              }
          </fx:Style>
          <mx:Panel width="500" height="500" title="Antenna1" paddingTop="5"  styleName="antennaPanel">
              <mx:VBox backgroundColor="#1C1C1C" width="100%" height="100%" horizontalAlign="center">
                  <mx:Image source="http://www.google.com/intl/en_ALL/images/logo.gif" />
              </mx:VBox>
             
          </mx:Panel>
      </s:Application>