You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@flex.apache.org by rossbt <ro...@gmail.com> on 2015/03/18 09:51:49 UTC

New Flex skin

Hi,

I'm using a TabbedViewNavigatorApplication component for my mobile app.

Prior to the latest release, I had the following style defined:

<fx:Style>
		@namespace s "library://ns.adobe.com/flex/spark";
		s|TabbedViewNavigator #tabBar {
			chromeColor:#a20808;
		}
		
		s|ActionBar
		{
			chromeColor: #004494;
		}
</style>

Which set the background colour on the navigator. 

With the latest release, the above styles do not work and the navigator is
displayed in grey.

Looking at FlatSpark, in \frameworks\projects\flatspark\src\flatspark\skins,
I can't see a skin that would be causing this problem. 

So, the first question is how do I change the colour of
TabbedViewNavigatorApplication in the new mobile skins?

Secondly, I now got a lot of warnings about the RobotoRegular font not being
embedded as CFF. 

I found the following snippet on the web which prevents the warnings, but is
it the best way to handle this? 

/*Roboto Fonts*/ 
@font-face { 
	src: url("spark/skins/android4/assets/fonts/Roboto-Regular.ttf"); 
	fontFamily: RobotoRegular; 
	embed-as-cff: true; 
} 

@font-face { 
	src: url("spark/skins/android4/assets/fonts/Roboto-Bold.ttf"); 
	fontFamily: RobotoBold; 
	fontWeight: bold; 
	embed-as-cff: true; 
} 

Thanks,

Ross







--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/New-Flex-skin-tp9816.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.

Re: New Flex skin

Posted by OmPrakash Muppirala <bi...@gmail.com>.
On Wed, Mar 18, 2015 at 11:20 AM, rossbt <ro...@gmail.com> wrote:

> Hi,
>
> Thanks for your reply.
>
> I've created a JIRA ticket for these two issues:
>
> here <https://issues.apache.org/jira/browse/FLEX-34805>  and  here
> <https://issues.apache.org/jira/browse/FLEX-34806>
>
> Thanks again,
>
> Ross
>
>
Thanks for filing the bugs.  Both issues have been fixed and should be
available in the next SDK release: 4.14.1.

Regards,
Om


>
>
> --
> View this message in context:
> http://apache-flex-users.2333346.n4.nabble.com/New-Flex-skin-tp9816p9822.html
> Sent from the Apache Flex Users mailing list archive at Nabble.com.
>

Re: New Flex skin

Posted by rossbt <ro...@gmail.com>.
Hi,

Thanks for your reply. 

I've created a JIRA ticket for these two issues:

here <https://issues.apache.org/jira/browse/FLEX-34805>  and  here
<https://issues.apache.org/jira/browse/FLEX-34806>  

Thanks again,

Ross



--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/New-Flex-skin-tp9816p9822.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.

Re: New Flex skin

Posted by OmPrakash Muppirala <bi...@gmail.com>.
On Wed, Mar 18, 2015 at 1:51 AM, rossbt <ro...@gmail.com> wrote:

> Hi,
>
> I'm using a TabbedViewNavigatorApplication component for my mobile app.
>
> Prior to the latest release, I had the following style defined:
>
> <fx:Style>
>                 @namespace s "library://ns.adobe.com/flex/spark";
>                 s|TabbedViewNavigator #tabBar {
>                         chromeColor:#a20808;
>                 }
>
>                 s|ActionBar
>                 {
>                         chromeColor: #004494;
>                 }
> </style>
>
> Which set the background colour on the navigator.
>
> With the latest release, the above styles do not work and the navigator is
> displayed in grey.
>
> Looking at FlatSpark, in
> \frameworks\projects\flatspark\src\flatspark\skins,
> I can't see a skin that would be causing this problem.
>
> So, the first question is how do I change the colour of
> TabbedViewNavigatorApplication in the new mobile skins?
>

This looks like a bug in the new mobile skins.  Can you please create a
JIRA ticket for this?  I will try to fix this asap.
Link to JIRA: https://issues.apache.org/jira/browse/FLEX


>
> Secondly, I now got a lot of warnings about the RobotoRegular font not
> being
> embedded as CFF.
>
> I found the following snippet on the web which prevents the warnings, but
> is
> it the best way to handle this?
>
> /*Roboto Fonts*/
> @font-face {
>         src: url("spark/skins/android4/assets/fonts/Roboto-Regular.ttf");
>         fontFamily: RobotoRegular;
>         embed-as-cff: true;
> }
>
> @font-face {
>         src: url("spark/skins/android4/assets/fonts/Roboto-Bold.ttf");
>         fontFamily: RobotoBold;
>         fontWeight: bold;
>         embed-as-cff: true;
> }
>

Again, if you can create a JIRA ticket with a small test application that
reproduces the issue, I can take a look at it.

Thanks,
Om


>
> Thanks,
>
> Ross
>
>
>
>
>
>
>
> --
> View this message in context:
> http://apache-flex-users.2333346.n4.nabble.com/New-Flex-skin-tp9816.html
> Sent from the Apache Flex Users mailing list archive at Nabble.com.
>

Re: New Flex skin

Posted by rossbt <ro...@gmail.com>.
To respond to my own question, I have been unable to fathom how to change the
chrome colour in the new mobile skins but by forcing the components in
question to use the old mobile skins I have managed reinstate my UI.

s|TabbedViewNavigator #tabBar 
{		

skinClass:ClassReference("spark.skins.mobile.TabbedViewNavigatorTabBarSkin");			
	chromeColor: #a20808;
}
		
s|ActionBar
{
	chromeColor: #004494; 
	skinClass:ClassReference("spark.skins.mobile.ActionBarSkin");
}



--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/New-Flex-skin-tp9816p9820.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.