You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by ah...@apache.org on 2013/01/18 06:23:36 UTC

svn commit: r1435030 [1/5] - in /flex/sdk/branches/develop/mustella/tests/mobile/components: ActionBar/styles/baselines/ ButtonBar/styles/baselines/ TextArea/Styles/baselines/

Author: aharui
Date: Fri Jan 18 05:23:36 2013
New Revision: 1435030

URL: http://svn.apache.org/viewvc?rev=1435030&view=rev
Log:
update text decoration display lists

Modified:
    flex/sdk/branches/develop/mustella/tests/mobile/components/ActionBar/styles/baselines/ActionBar_TitleDisplay_TextDecoration@android_240ppi.png.xml
    flex/sdk/branches/develop/mustella/tests/mobile/components/ButtonBar/styles/baselines/textDecoration_as_css_test1@android_240ppi.png.xml
    flex/sdk/branches/develop/mustella/tests/mobile/components/ButtonBar/styles/baselines/textDecoration_as_test1@android_240ppi.png.xml
    flex/sdk/branches/develop/mustella/tests/mobile/components/ButtonBar/styles/baselines/textDecoration_mxml_test1@android_240ppi.png.xml
    flex/sdk/branches/develop/mustella/tests/mobile/components/TextArea/Styles/baselines/TextArea_textDecoration_test2@240ppi.png.xml

Modified: flex/sdk/branches/develop/mustella/tests/mobile/components/ActionBar/styles/baselines/ActionBar_TitleDisplay_TextDecoration@android_240ppi.png.xml
URL: http://svn.apache.org/viewvc/flex/sdk/branches/develop/mustella/tests/mobile/components/ActionBar/styles/baselines/ActionBar_TitleDisplay_TextDecoration%40android_240ppi.png.xml?rev=1435030&r1=1435029&r2=1435030&view=diff
==============================================================================
--- flex/sdk/branches/develop/mustella/tests/mobile/components/ActionBar/styles/baselines/ActionBar_TitleDisplay_TextDecoration@android_240ppi.png.xml (original)
+++ flex/sdk/branches/develop/mustella/tests/mobile/components/ActionBar/styles/baselines/ActionBar_TitleDisplay_TextDecoration@android_240ppi.png.xml Fri Jan 18 05:23:36 2013
@@ -22,16 +22,16 @@
               <spark.components.Group width="0" height="0" blendMode="auto"/>
               <spark.components.Group width="0" height="0" blendMode="auto"/>
               <ActionBarSkin.as$55.TitleDisplayComponent x="20" y="1" width="181" height="65">
-                <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="11.1" width="186" height="45">
+                <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="11.1" width="186" height="45" underline="true">
                   <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="28" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;&lt;U&gt;Default Style&lt;/U&gt;&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
                 </spark.components.supportClasses.StyleableTextField>
-                <spark.components.supportClasses.StyleableTextField x="-2" y="10.1" width="186" height="45">
+                <spark.components.supportClasses.StyleableTextField x="-2" y="10.1" width="186" height="45" underline="true">
                   <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="28" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;&lt;U&gt;Default Style&lt;/U&gt;&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
                 </spark.components.supportClasses.StyleableTextField>
               </ActionBarSkin.as$55.TitleDisplayComponent>
             </spark.skins.mobile.ActionBarSkin>
           </comps.ActionBarBasic>
-          <comps.ActionBarTitleBinding y="119" width="486" height="140" blendMode="auto">
+          <comps.ActionBarTitleBinding y="119" width="247" height="140" blendMode="auto">
             <spark.components.HGroup width="247" height="67" blendMode="auto">
               <spark.components.TextInput width="200" height="53">
                 <spark.skins.mobile.StageTextInputSkin width="200" height="53">
@@ -60,20 +60,20 @@
                   <spark.components.Group width="0" height="0" blendMode="auto"/>
                   <spark.components.Group width="0" height="0" blendMode="auto"/>
                   <ActionBarSkin.as$55.TitleDisplayComponent x="20" y="1" width="1" height="65">
-                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="11.1" width="6" height="4">
+                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="11.1" width="6" height="4" underline="false">
                       <htmlText/>
                     </spark.components.supportClasses.StyleableTextField>
-                    <spark.components.supportClasses.StyleableTextField x="-2" y="10.1" width="6" height="4">
+                    <spark.components.supportClasses.StyleableTextField x="-2" y="10.1" width="6" height="4" underline="false">
                       <htmlText/>
                     </spark.components.supportClasses.StyleableTextField>
                   </ActionBarSkin.as$55.TitleDisplayComponent>
                 </spark.skins.mobile.ActionBarSkin>
               </spark.components.ActionBar>
             </spark.components.HGroup>
-            <spark.components.HGroup y="73" width="486" height="67" blendMode="auto">
-              <spark.components.ActionBar width="280" height="67">
-                <spark.skins.mobile.ActionBarSkin width="280" height="67">
-                  <spark.skins.mobile240.assets.ActionBarBackground width="280" height="70" blendMode="auto" scale9Grid="(x=2, y=2, w=61, h=62)">
+            <spark.components.HGroup y="73" width="247" height="67" blendMode="auto">
+              <spark.components.ActionBar width="41" height="67">
+                <spark.skins.mobile.ActionBarSkin width="41" height="67">
+                  <spark.skins.mobile240.assets.ActionBarBackground width="41" height="70" blendMode="auto" scale9Grid="(x=2, y=2, w=61, h=62)">
                     <flash.display.Shape width="65" height="1"/>
                     <flash.display.Shape y="66" width="65" height="1"/>
                     <flash.display.Shape y="67" width="65" height="1"/>
@@ -88,17 +88,17 @@
                   <spark.components.Group width="0" height="0" blendMode="auto"/>
                   <spark.components.Group width="0" height="0" blendMode="auto"/>
                   <spark.components.Group width="0" height="0" blendMode="auto"/>
-                  <ActionBarSkin.as$55.TitleDisplayComponent x="20" y="1" width="240" height="65">
-                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="11.1" width="245" height="45">
-                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="28" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;ActionBar source&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                  <ActionBarSkin.as$55.TitleDisplayComponent x="20" y="1" width="1" height="65">
+                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="11.1" width="6" height="4" underline="false">
+                      <htmlText/>
                     </spark.components.supportClasses.StyleableTextField>
-                    <spark.components.supportClasses.StyleableTextField x="-2" y="10.1" width="245" height="45">
-                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="28" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;ActionBar source&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    <spark.components.supportClasses.StyleableTextField x="-2" y="10.1" width="6" height="4" underline="false">
+                      <htmlText/>
                     </spark.components.supportClasses.StyleableTextField>
                   </ActionBarSkin.as$55.TitleDisplayComponent>
                 </spark.skins.mobile.ActionBarSkin>
               </spark.components.ActionBar>
-              <spark.components.TextInput x="286" width="200" height="53">
+              <spark.components.TextInput x="47" width="200" height="53">
                 <spark.skins.mobile.StageTextInputSkin width="200" height="53">
                   <spark.components.supportClasses.StyleableStageText x="9" y="9" width="182" height="35"/>
                   <spark.skins.mobile240.assets.TextInput_border width="200" height="53" blendMode="auto" scale9Grid="(x=8, y=8, w=282, h=34)">
@@ -128,10 +128,10 @@
                 <spark.components.Group width="0" height="0" blendMode="auto"/>
                 <spark.components.Group width="0" height="0" blendMode="auto"/>
                 <ActionBarSkin.as$55.TitleDisplayComponent x="20" y="1" width="1" height="65">
-                  <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="11.1" width="6" height="4">
+                  <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="11.1" width="6" height="4" underline="false">
                     <htmlText/>
                   </spark.components.supportClasses.StyleableTextField>
-                  <spark.components.supportClasses.StyleableTextField x="-2" y="10.1" width="6" height="4">
+                  <spark.components.supportClasses.StyleableTextField x="-2" y="10.1" width="6" height="4" underline="false">
                     <htmlText/>
                   </spark.components.supportClasses.StyleableTextField>
                 </ActionBarSkin.as$55.TitleDisplayComponent>
@@ -152,13 +152,25 @@
                 <flash.display.Shape x="64" y="1" width="1" height="65"/>
                 <flash.display.Shape width="65" height="70"/>
               </spark.skins.mobile240.assets.ActionBarBackground>
-              <spark.components.Group y="1" width="0" height="65" blendMode="auto"/>
-              <spark.components.Group y="1" width="184" height="65" blendMode="auto">
-                <spark.components.Label x="20" y="20" width="144" height="25">
-                  <flash.display.Shape width="144" height="25"/>
-                  <flash.text.engine.TextLine y="18.35" width="143.1" height="24.2" ascent="18.36328125" descent="5.765625" atomCount="13" hasGraphicElement="false"/>
-                </spark.components.Label>
+              <spark.components.Group y="1" width="81" height="65" blendMode="auto">
+                <spark.components.Button width="81" height="65">
+                  <spark.skins.mobile.TransparentNavigationButtonSkin width="81" height="65">
+                    <spark.skins.mobile.assets.TransparentNavigationButton_up width="82" height="65" blendMode="auto" scale9Grid="(x=1, y=1, w=78, h=63)">
+                      <flash.display.Shape x="79" y="1" width="1" height="63"/>
+                      <flash.display.Shape x="80" width="1" height="65"/>
+                      <flash.display.Shape x="81" y="1" width="1" height="63"/>
+                      <flash.display.Shape width="82" height="65"/>
+                    </spark.skins.mobile.assets.TransparentNavigationButton_up>
+                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="16" y="15" width="50" height="39" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="24" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;nav&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </spark.components.supportClasses.StyleableTextField>
+                    <spark.components.supportClasses.StyleableTextField x="16" y="14" width="50" height="39" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="24" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;nav&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </spark.components.supportClasses.StyleableTextField>
+                  </spark.skins.mobile.TransparentNavigationButtonSkin>
+                </spark.components.Button>
               </spark.components.Group>
+              <spark.components.Group width="0" height="0" blendMode="auto"/>
               <spark.components.Group x="184" y="1" width="109" height="65" blendMode="auto">
                 <spark.components.Button width="109" height="65">
                   <spark.skins.mobile.TransparentActionButtonSkin width="109" height="65">
@@ -168,28 +180,28 @@
                       <flash.display.Shape x="2" y="1" width="1" height="63"/>
                       <flash.display.Shape width="82" height="65"/>
                     </spark.skins.mobile.assets.TransparentActionButton_up>
-                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="14" y="15" width="82" height="39">
+                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="14" y="15" width="82" height="39" underline="false">
                       <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="24" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;action&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
                     </spark.components.supportClasses.StyleableTextField>
-                    <spark.components.supportClasses.StyleableTextField x="14" y="14" width="82" height="39">
+                    <spark.components.supportClasses.StyleableTextField x="14" y="14" width="82" height="39" underline="false">
                       <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="24" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;action&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
                     </spark.components.supportClasses.StyleableTextField>
                   </spark.skins.mobile.TransparentActionButtonSkin>
                 </spark.components.Button>
               </spark.components.Group>
               <ActionBarSkin.as$55.TitleDisplayComponent x="101" y="1" width="63" height="65">
-                <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="11.1" width="68" height="4">
-                  <htmlText/>
+                <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="11.1" width="68" height="45" underline="false">
+                  <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="28" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Title&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
                 </spark.components.supportClasses.StyleableTextField>
-                <spark.components.supportClasses.StyleableTextField x="-2" y="10.1" width="68" height="4">
-                  <htmlText/>
+                <spark.components.supportClasses.StyleableTextField x="-2" y="10.1" width="68" height="45" underline="false">
+                  <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="28" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Title&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
                 </spark.components.supportClasses.StyleableTextField>
               </ActionBarSkin.as$55.TitleDisplayComponent>
             </spark.skins.mobile.ActionBarSkin>
           </comps.ActionBarStates>
-          <comps.ActionBarStatesContent y="444" width="162" height="67">
-            <spark.skins.mobile.ActionBarSkin width="162" height="67">
-              <spark.skins.mobile240.assets.ActionBarBackground width="162" height="70" blendMode="auto" scale9Grid="(x=2, y=2, w=61, h=62)">
+          <comps.ActionBarStatesContent y="444" width="131" height="67">
+            <spark.skins.mobile.ActionBarSkin width="131" height="67">
+              <spark.skins.mobile240.assets.ActionBarBackground width="131" height="70" blendMode="auto" scale9Grid="(x=2, y=2, w=61, h=62)">
                 <flash.display.Shape width="65" height="1"/>
                 <flash.display.Shape y="66" width="65" height="1"/>
                 <flash.display.Shape y="67" width="65" height="1"/>
@@ -201,39 +213,39 @@
                 <flash.display.Shape x="64" y="1" width="1" height="65"/>
                 <flash.display.Shape width="65" height="70"/>
               </spark.skins.mobile240.assets.ActionBarBackground>
-              <spark.components.Group y="1" width="0" height="65" blendMode="auto"/>
-              <spark.components.Group y="1" width="40" height="65" blendMode="auto"/>
-              <spark.components.Group x="40" y="1" width="122" height="65" blendMode="auto">
-                <spark.components.Button width="122" height="65">
-                  <spark.skins.mobile.TransparentActionButtonSkin width="122" height="65">
-                    <spark.skins.mobile.assets.TransparentActionButton_up x="-1" width="123" height="65" blendMode="auto" scale9Grid="(x=3, y=1, w=78, h=63)">
-                      <flash.display.Shape y="1" width="1" height="63"/>
-                      <flash.display.Shape x="1" width="1" height="65"/>
-                      <flash.display.Shape x="2" y="1" width="1" height="63"/>
+              <spark.components.Group y="1" width="91" height="65" blendMode="auto">
+                <spark.components.Button width="91" height="65">
+                  <spark.skins.mobile.TransparentNavigationButtonSkin width="91" height="65">
+                    <spark.skins.mobile.assets.TransparentNavigationButton_up width="92" height="65" blendMode="auto" scale9Grid="(x=1, y=1, w=78, h=63)">
+                      <flash.display.Shape x="79" y="1" width="1" height="63"/>
+                      <flash.display.Shape x="80" width="1" height="65"/>
+                      <flash.display.Shape x="81" y="1" width="1" height="63"/>
                       <flash.display.Shape width="82" height="65"/>
-                    </spark.skins.mobile.assets.TransparentActionButton_up>
-                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="14" y="15" width="95" height="39">
-                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="24" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;action2&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </spark.skins.mobile.assets.TransparentNavigationButton_up>
+                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="14" y="15" width="64" height="39" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="24" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;nav1&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
                     </spark.components.supportClasses.StyleableTextField>
-                    <spark.components.supportClasses.StyleableTextField x="14" y="14" width="95" height="39">
-                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="24" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;action2&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    <spark.components.supportClasses.StyleableTextField x="14" y="14" width="64" height="39" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="24" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;nav1&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
                     </spark.components.supportClasses.StyleableTextField>
-                  </spark.skins.mobile.TransparentActionButtonSkin>
+                  </spark.skins.mobile.TransparentNavigationButtonSkin>
                 </spark.components.Button>
               </spark.components.Group>
+              <spark.components.Group x="91" y="1" width="40" height="65" blendMode="auto"/>
+              <spark.components.Group x="131" y="1" width="0" height="65" blendMode="auto"/>
               <ActionBarSkin.as$55.TitleDisplayComponent width="0" height="0">
-                <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="-21.4" width="5" height="4">
+                <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="-21.4" width="5" height="4" underline="false">
                   <htmlText/>
                 </spark.components.supportClasses.StyleableTextField>
-                <spark.components.supportClasses.StyleableTextField x="-2" y="-22.4" width="5" height="4">
+                <spark.components.supportClasses.StyleableTextField x="-2" y="-22.4" width="5" height="4" underline="false">
                   <htmlText/>
                 </spark.components.supportClasses.StyleableTextField>
               </ActionBarSkin.as$55.TitleDisplayComponent>
             </spark.skins.mobile.ActionBarSkin>
           </comps.ActionBarStatesContent>
-          <comps.ActionBarStatesLayout y="517" width="540" height="138">
-            <spark.skins.mobile.ActionBarSkin width="540" height="138">
-              <spark.skins.mobile240.assets.ActionBarBackground width="540" height="141" blendMode="auto" scale9Grid="(x=2, y=2, w=61, h=62)">
+          <comps.ActionBarStatesLayout y="517" width="662" height="67">
+            <spark.skins.mobile.ActionBarSkin width="662" height="67">
+              <spark.skins.mobile240.assets.ActionBarBackground width="662" height="70" blendMode="auto" scale9Grid="(x=2, y=2, w=61, h=62)">
                 <flash.display.Shape width="65" height="1"/>
                 <flash.display.Shape y="66" width="65" height="1"/>
                 <flash.display.Shape y="67" width="65" height="1"/>
@@ -245,8 +257,8 @@
                 <flash.display.Shape x="64" y="1" width="1" height="65"/>
                 <flash.display.Shape width="65" height="70"/>
               </spark.skins.mobile240.assets.ActionBarBackground>
-              <spark.components.Group y="1" width="182" height="136" blendMode="auto">
-                <spark.components.Button y="36" width="91" height="65">
+              <spark.components.Group y="1" width="182" height="65" blendMode="auto">
+                <spark.components.Button width="91" height="65">
                   <spark.skins.mobile.TransparentNavigationButtonSkin width="91" height="65">
                     <spark.skins.mobile.assets.TransparentNavigationButton_up width="92" height="65" blendMode="auto" scale9Grid="(x=1, y=1, w=78, h=63)">
                       <flash.display.Shape x="79" y="1" width="1" height="63"/>
@@ -254,15 +266,15 @@
                       <flash.display.Shape x="81" y="1" width="1" height="63"/>
                       <flash.display.Shape width="82" height="65"/>
                     </spark.skins.mobile.assets.TransparentNavigationButton_up>
-                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="14" y="15" width="64" height="39">
+                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="14" y="15" width="64" height="39" underline="false">
                       <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="24" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;nav1&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
                     </spark.components.supportClasses.StyleableTextField>
-                    <spark.components.supportClasses.StyleableTextField x="14" y="14" width="64" height="39">
+                    <spark.components.supportClasses.StyleableTextField x="14" y="14" width="64" height="39" underline="false">
                       <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="24" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;nav1&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
                     </spark.components.supportClasses.StyleableTextField>
                   </spark.skins.mobile.TransparentNavigationButtonSkin>
                 </spark.components.Button>
-                <spark.components.Button x="91" y="36" width="91" height="65">
+                <spark.components.Button x="91" width="91" height="65">
                   <spark.skins.mobile.TransparentNavigationButtonSkin width="91" height="65">
                     <spark.skins.mobile.assets.TransparentNavigationButton_up width="92" height="65" blendMode="auto" scale9Grid="(x=1, y=1, w=78, h=63)">
                       <flash.display.Shape x="79" y="1" width="1" height="63"/>
@@ -270,44 +282,44 @@
                       <flash.display.Shape x="81" y="1" width="1" height="63"/>
                       <flash.display.Shape width="82" height="65"/>
                     </spark.skins.mobile.assets.TransparentNavigationButton_up>
-                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="14" y="15" width="64" height="39">
+                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="14" y="15" width="64" height="39" underline="false">
                       <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="24" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;nav2&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
                     </spark.components.supportClasses.StyleableTextField>
-                    <spark.components.supportClasses.StyleableTextField x="14" y="14" width="64" height="39">
+                    <spark.components.supportClasses.StyleableTextField x="14" y="14" width="64" height="39" underline="false">
                       <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="24" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;nav2&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
                     </spark.components.supportClasses.StyleableTextField>
                   </spark.skins.mobile.TransparentNavigationButtonSkin>
                 </spark.components.Button>
               </spark.components.Group>
-              <spark.components.Group x="182" y="1" width="236" height="136" blendMode="auto">
-                <spark.components.Button x="20" y="36" width="98" height="65">
+              <spark.components.Group x="182" y="1" width="236" height="65" blendMode="auto">
+                <spark.components.Button x="20" width="98" height="65">
                   <spark.skins.mobile.ButtonSkin width="98" height="65">
                     <spark.skins.mobile240.assets.Button_up width="98" height="65" blendMode="auto" scale9Grid="(x=14, y=14, w=192, h=37)">
                       <flash.display.Shape width="220" height="65"/>
                     </spark.skins.mobile240.assets.Button_up>
-                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="13" y="14" width="73" height="39">
+                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="13" y="14" width="73" height="39" underline="false">
                       <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="24" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Title1&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
                     </spark.components.supportClasses.StyleableTextField>
-                    <spark.components.supportClasses.StyleableTextField x="13" y="13" width="73" height="39">
+                    <spark.components.supportClasses.StyleableTextField x="13" y="13" width="73" height="39" underline="false">
                       <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="24" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Title1&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
                     </spark.components.supportClasses.StyleableTextField>
                   </spark.skins.mobile.ButtonSkin>
                 </spark.components.Button>
-                <spark.components.Button x="118" y="36" width="98" height="65">
+                <spark.components.Button x="118" width="98" height="65">
                   <spark.skins.mobile.ButtonSkin width="98" height="65">
                     <spark.skins.mobile240.assets.Button_up width="98" height="65" blendMode="auto" scale9Grid="(x=14, y=14, w=192, h=37)">
                       <flash.display.Shape width="220" height="65"/>
                     </spark.skins.mobile240.assets.Button_up>
-                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="13" y="14" width="73" height="39">
+                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="13" y="14" width="73" height="39" underline="false">
                       <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="24" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Title2&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
                     </spark.components.supportClasses.StyleableTextField>
-                    <spark.components.supportClasses.StyleableTextField x="13" y="13" width="73" height="39">
+                    <spark.components.supportClasses.StyleableTextField x="13" y="13" width="73" height="39" underline="false">
                       <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="24" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Title2&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
                     </spark.components.supportClasses.StyleableTextField>
                   </spark.skins.mobile.ButtonSkin>
                 </spark.components.Button>
               </spark.components.Group>
-              <spark.components.Group x="418" y="1" width="122" height="136" blendMode="auto">
+              <spark.components.Group x="418" y="1" width="244" height="65" blendMode="auto">
                 <spark.components.Button width="122" height="65">
                   <spark.skins.mobile.TransparentActionButtonSkin width="122" height="65">
                     <spark.skins.mobile.assets.TransparentActionButton_up x="-1" width="123" height="65" blendMode="auto" scale9Grid="(x=3, y=1, w=78, h=63)">
@@ -316,15 +328,15 @@
                       <flash.display.Shape x="2" y="1" width="1" height="63"/>
                       <flash.display.Shape width="82" height="65"/>
                     </spark.skins.mobile.assets.TransparentActionButton_up>
-                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="14" y="15" width="95" height="39">
+                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="14" y="15" width="95" height="39" underline="false">
                       <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="24" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;action1&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
                     </spark.components.supportClasses.StyleableTextField>
-                    <spark.components.supportClasses.StyleableTextField x="14" y="14" width="95" height="39">
+                    <spark.components.supportClasses.StyleableTextField x="14" y="14" width="95" height="39" underline="false">
                       <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="24" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;action1&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
                     </spark.components.supportClasses.StyleableTextField>
                   </spark.skins.mobile.TransparentActionButtonSkin>
                 </spark.components.Button>
-                <spark.components.Button y="71" width="122" height="65">
+                <spark.components.Button x="122" width="122" height="65">
                   <spark.skins.mobile.TransparentActionButtonSkin width="122" height="65">
                     <spark.skins.mobile.assets.TransparentActionButton_up x="-1" width="123" height="65" blendMode="auto" scale9Grid="(x=3, y=1, w=78, h=63)">
                       <flash.display.Shape y="1" width="1" height="63"/>
@@ -332,26 +344,26 @@
                       <flash.display.Shape x="2" y="1" width="1" height="63"/>
                       <flash.display.Shape width="82" height="65"/>
                     </spark.skins.mobile.assets.TransparentActionButton_up>
-                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="14" y="15" width="95" height="39">
+                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="14" y="15" width="95" height="39" underline="false">
                       <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="24" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;action2&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
                     </spark.components.supportClasses.StyleableTextField>
-                    <spark.components.supportClasses.StyleableTextField x="14" y="14" width="95" height="39">
+                    <spark.components.supportClasses.StyleableTextField x="14" y="14" width="95" height="39" underline="false">
                       <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVeraHalo" SIZE="24" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;action2&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
                     </spark.components.supportClasses.StyleableTextField>
                   </spark.skins.mobile.TransparentActionButtonSkin>
                 </spark.components.Button>
               </spark.components.Group>
               <ActionBarSkin.as$55.TitleDisplayComponent width="0" height="0">
-                <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="-21.4" width="5" height="4">
+                <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="-21.4" width="5" height="4" underline="false">
                   <htmlText/>
                 </spark.components.supportClasses.StyleableTextField>
-                <spark.components.supportClasses.StyleableTextField x="-2" y="-22.4" width="5" height="4">
+                <spark.components.supportClasses.StyleableTextField x="-2" y="-22.4" width="5" height="4" underline="false">
                   <htmlText/>
                 </spark.components.supportClasses.StyleableTextField>
               </ActionBarSkin.as$55.TitleDisplayComponent>
             </spark.skins.mobile.ActionBarSkin>
           </comps.ActionBarStatesLayout>
-          <comps.ActionBarMXMLStyles y="661" width="450" height="67">
+          <comps.ActionBarMXMLStyles y="590" width="450" height="67">
             <spark.skins.mobile.ActionBarSkin width="450" height="67">
               <spark.skins.mobile240.assets.ActionBarBackground width="450" height="70" blendMode="auto" scale9Grid="(x=2, y=2, w=61, h=62)">
                 <flash.display.Shape width="65" height="1"/>
@@ -379,10 +391,10 @@
               </spark.components.Group>
               <spark.components.Group width="0" height="0" blendMode="auto"/>
               <ActionBarSkin.as$55.TitleDisplayComponent width="0" height="0">
-                <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="-14" width="5" height="4">
+                <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="-14" width="5" height="4" underline="true">
                   <htmlText/>
                 </spark.components.supportClasses.StyleableTextField>
-                <spark.components.supportClasses.StyleableTextField x="-2" y="-15" width="5" height="4">
+                <spark.components.supportClasses.StyleableTextField x="-2" y="-15" width="5" height="4" underline="true">
                   <htmlText/>
                 </spark.components.supportClasses.StyleableTextField>
               </ActionBarSkin.as$55.TitleDisplayComponent>