1 Reply Latest reply on Nov 7, 2011 10:10 AM by Jason Woodcock

    White Screen Lockup on iOS w/ CSS Styles

    Jason Woodcock Level 1

      Alright, I have the following style block in a tabbed app that I am laying out for use on the iPhone 4/4S:

      <fx:Style>
      @namespace s "library://ns.adobe.com/flex/spark";
      @font-face {
      src: url("assets/FinkHeavy.ttf");
      fontFamily: "FinkHeavy";
      embedAsCFF: false;
      }
      @font-face {
      src: url("assets/FinkHeavy.ttf");
      fontFamily: "FinkHeavyCFF";
      embedAsCFF: true;
      }
      s|ActionBar
      {
      chromeColor: #826023;
      titleAlign: center;
      defaultButtonAppearance: beveled;
      }
      s|ActionBar #titleDisplay
      {
      color: #f6d054;
      fontFamily: "FinkHeavy";
      }
      s|TabbedViewNavigator #tabBar
      {
      chromeColor: #826023;
      }
      global
      {
      content-background-alpha: 0.5;
      color: #000000;
      }
      </fx:Style>

       

      Now, when I build and install the app onto an iPhone 4S running iOS 5, the app launches then immediately white screens and stays that way.

       

      So, I isolated it to two offending tags in the CSS styling: my s|ActionBar #titleDisplay and my global. When I remove the two tags, the app functions fine (albeit without the styling)...

       

      Any ideas?