Re: MobileGrid Skins

2017-04-13 Thread leswoolsey
Clearly this isn't working the way you think it is.  If I comment out the
line in MobileGridSkin.as
  dataGroup.itemRenderer = new
ClassFactory(spark.skins.android5.LabelItemRenderer);
it has absolutely no effect on the results. I can breakpoint through that
and see that the code isn't executed.

Any more ideas?
Thanks



--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p15048.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


Re: MobileGrid Skins

2017-04-12 Thread leswoolsey
The justification stuff worked OK.

I figured the simplest way to override LabelItemRenderer was to simply
duplicate your actionscript version and rename it. Then in MobileGrid.as I
changed the reference to point to the new one I created.
But no matter what I do in my new class, nothing seems to affect the row
height.  I even tried overriding the background color and that didn't seem
to have any effect.

I can't get a breakpoint to work in the itemRenderer either but I assume
that's because it's instantiated by a ClassFactory call.  I tried setting
breakpoints in your unmodified code with the same result.

Have I set something up wrong or am I missing how to modify the item
renderer.

Thanks
Les




--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p15040.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


Re: MobileGrid Skins

2017-04-12 Thread quick6black
1. the text is center aligned because ButtonSkinBase has "protected var
useCenterAlignment:Boolean = true;"

if you add this line of code  "useCenterAlignment = false;"  into
ButtonBarButtonSkin after super(); it will align the text to the left. 

2. if you want to change the row height you will need to create a new
LabelItemRenderer and reference that in the MobileGridSkin.





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


Re: MobileGrid Skins

2017-04-12 Thread leswoolsey
For changing the row height, the suggestion earlier in the thread (height:
50; ) doesn't work.



--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p15036.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


Re: MobileGrid Skins

2017-04-11 Thread leswoolsey
OK. So now I have more questions.
1. The column headers are center aligned. How do I set them so they are left
aligned? I expected to be able to set that in the CSS somewhere but I can't
see how.
2. How do I change the rowheight?  I need to make better use of the screen
and the mobilegrid has a lot of extra space above and below the text.

Thanks
Les



--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p15028.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


Re: MobileGrid Skins

2017-03-30 Thread leswoolsey
Got it. By using your example and playing with the css file I understand how
its done.  Thanks for your help. I appreciate it!



--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p14950.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


Re: MobileGrid Skins

2017-03-28 Thread quick6black
In my github repository there are new skins that flatten the header. 

Here
<https://github.com/quick6black/flex-Android-Material-Skins/tree/master/src>  
is the link to the repository 

Here
<https://github.com/quick6black/flex-Android-Material-Skins/blob/master/src/views/View6.mxml>
  
is a link to a sample view





--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p14935.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


Re: MobileGrid Skins

2017-03-27 Thread leswoolsey
I looked at the List. It doesn't support columns.  So no joy with it.



--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p14933.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


Re: MobileGrid Skins

2017-03-27 Thread leswoolsey
Yes, I could have used List.  I'll look at that.

But I have a different project where I'd like to be able to make the grid
header look a little simpler. I've looked at the project Christian uploaded
but I can't figure out how he got the shadow to disappear.  I've gone
through his code trying to see what would do that and I just don't see it.

Furthermore I just don't get how to reskin the header per your instructions. 
Can you provide an example please.

Thanks
Les



--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p14932.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


Re: MobileGrid Skins

2017-03-09 Thread quick6black
this question was asked a few posts above. Follow the link to the github
repository and use those skins in your project, they remove the shadow and
flatten the header. If you do not need the header then why not just use a
mobile list?



--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p14799.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


Re: MobileGrid Skins

2017-03-09 Thread LesGWoolsey
Any thoughts on how to get rid of the header shadow on MobileGrid or at least
change the color to white so it isn't visible. I got rid of the header by
setting it's height to 0 but the shadow remains.



--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p14796.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


Re: MobileGrid Skins

2017-03-08 Thread quick6black
sorry about that just added in labelitemrenderer, I had it in the animations
branch forgot to upload it to the master branch. 



--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p14792.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


Re: MobileGrid Skins

2017-03-08 Thread Paul Moreau
Nice work!

I had the same issue as Olaf but I just used
spark.compoenents.LabelItemRenderer to get it to build.

I also had an issue with the fonts. I got the following error:

*-unable to build font 'RobotoBold'*
*-exception during transcoding:*
*-Unable to transcode /Users/paulmoreau/Documents/Adobe Flash Builder
4.7/AndroidSkins/src/spark/skins/android5/assets/fonts/Roboto-Bold.ttf.*

But looks great, thanks.



On Wed, Mar 8, 2017 at 8:38 AM, OK <p...@olafkrueger.net> wrote:

> quick6black wrote
> > I posted a new skin for the mobile grid on github
> >
> > https://github.com/quick6black/flex-Android-Material-Skins
> >
> > it replicates the android material design
>
> Hi,
> thanks for sharing this!
> I've just checked it out and it seems to me that the LabelItemRenderer
> class
> is missing? [1]
>
> Thanks,
> Olaf
>
> [1]
> https://github.com/quick6black/flex-Android-Material-Skins/blob/
> d0dc29fd63ba78171ac880ccf29df9fbfd9566e2/src/spark/skins/
> android5/MobileGridSkin.as#L114
>
>
>
> --
> View this message in context: http://apache-flex-users.
> 246.n4.nabble.com/MobileGrid-Skins-tp5693p14790.html
> Sent from the Apache Flex Users mailing list archive at Nabble.com.
>



-- 






*DISCLAIMER: This electronic message together with any attachments is
confidential. If you are not the intended recipient, do not copy, disclose
or use the contents in any way. Please also advise us by return e-mail that
you have received the message and then please destroy. Zutec  Ltd is not
responsible for any changes made to this message and / or any attachments
after sending by Zutec. We use virus scanning software but exclude all
liability for viruses or anything similar in this email or any attachment.*


Re: MobileGrid Skins

2017-03-08 Thread OK
quick6black wrote
> I posted a new skin for the mobile grid on github 
> 
> https://github.com/quick6black/flex-Android-Material-Skins
> 
> it replicates the android material design

Hi,
thanks for sharing this!
I've just checked it out and it seems to me that the LabelItemRenderer class
is missing? [1]

Thanks,
Olaf

[1]
https://github.com/quick6black/flex-Android-Material-Skins/blob/d0dc29fd63ba78171ac880ccf29df9fbfd9566e2/src/spark/skins/android5/MobileGridSkin.as#L114



--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p14790.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


Re: MobileGrid Skins

2017-03-07 Thread quick6black
I posted a new skin for the mobile grid on github 

https://github.com/quick6black/flex-Android-Material-Skins

it replicates the android material design



--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p14789.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


Re: MobileGrid Skins

2017-03-07 Thread leswoolsey
Hi. I'm trying to get a very simple mobilegrid and I've managed fairly well
to get rid of the header and change the row colors to plain white.  But I
still get the headershadow.  How can I get rid of that?
Thanks
Les



--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p14788.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


RE: MobileGrid Skins

2015-08-04 Thread leokan23
Is there a way to change the height of each row? i am trying to figure it out
but nothing seems to work.

Thank you,

Leo



--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p10894.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


Re: MobileGrid Skins

2015-08-04 Thread OmPrakash Muppirala
Try setting this in your CSS file:

supportClasses|MobileGridRowRenderer
{
height: 50;
}

On Tue, Aug 4, 2015 at 6:04 AM, leokan23 l...@best-web.gr wrote:

 Is there a way to change the height of each row? i am trying to figure it
 out
 but nothing seems to work.

 Thank you,

 Leo



 --
 View this message in context:
 http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p10894.html
 Sent from the Apache Flex Users mailing list archive at Nabble.com.



RE: MobileGrid Skins

2014-04-02 Thread Jonathan Christian
Thanks Maurice  I was able to set up a sharp looking Mobile Grid header, one
thing I noticed is when you select the second row down and try to sort the
data - any rows above it flicker to the change, and there is no flickering
when the last row is selected. Just a little peculiar so I thought I'd let
you know 



--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p5923.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


RE: MobileGrid Skins

2014-04-01 Thread Jonathan Christian
Yeah you're right, I zipped the wrong project sorry! here is the new link -
https://drive.google.com/file/d/0B4quPL0V-7sBS3ZIbl83eEJTU2c/edit?usp=sharing

I tried editing the headerGroup in the skin and was only able to remove the
shadow, and using CSS I was able to set up a white column color with a gray
font. I'd really like to figure out how to change the header color to white
as well and is making the columns not selectable possible? 

Thanks Again
Jonathan



--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p5873.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


RE: MobileGrid Skins

2014-04-01 Thread Maurice Amsellem
Ok I will have a look at it.

and is making the columns not selectable possible?
You mean, disable sorting on header click ?

Maurice 

-Message d'origine-
De : Jonathan Christian [mailto:jcisinthehous...@gmail.com] 
Envoyé : mardi 1 avril 2014 15:18
À : users@flex.apache.org
Objet : RE: MobileGrid Skins

Yeah you're right, I zipped the wrong project sorry! here is the new link - 
https://drive.google.com/file/d/0B4quPL0V-7sBS3ZIbl83eEJTU2c/edit?usp=sharing

I tried editing the headerGroup in the skin and was only able to remove the 
shadow, and using CSS I was able to set up a white column color with a gray 
font. I'd really like to figure out how to change the header color to white as 
well and is making the columns not selectable possible? 

Thanks Again
Jonathan



--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p5873.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


RE: MobileGrid Skins

2014-04-01 Thread Maurice Amsellem
MobileGrid is entirely based on Spark List (with only a custom renderer).

Maurice 

-Message d'origine-
De : Jonathan Christian [mailto:jcisinthehous...@gmail.com] 
Envoyé : mardi 1 avril 2014 16:12
À : users@flex.apache.org
Objet : Re: MobileGrid Skins

Does the MobileGrid provide the same functionality as a spark list where the 
hovered and selected states can be modified so the cell background color isn't 
displayed even when a user selected an item in the list?


On Tue, Apr 1, 2014 at 8:43 AM, Maurice Amsellem [via Apache Flex Users] 
ml-node+s246n5875...@n4.nabble.com wrote:

 Ok I will have a look at it.

 and is making the columns not selectable possible?
 You mean, disable sorting on header click ?

 Maurice

 -Message d'origine-
 De : Jonathan Christian [mailto:[hidden 
 email]http://user/SendEmail.jtp?type=nodenode=5875i=0]

 Envoyé : mardi 1 avril 2014 15:18
 À : [hidden email] http://user/SendEmail.jtp?type=nodenode=5875i=1
 Objet : RE: MobileGrid Skins

 Yeah you're right, I zipped the wrong project sorry! here is the new 
 link
 -
 https://drive.google.com/file/d/0B4quPL0V-7sBS3ZIbl83eEJTU2c/edit?usp=
 sharing

 I tried editing the headerGroup in the skin and was only able to 
 remove the shadow, and using CSS I was able to set up a white column 
 color with a gray font. I'd really like to figure out how to change 
 the header color to white as well and is making the columns not selectable 
 possible?

 Thanks Again
 Jonathan



 --
 View this message in context:
 http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693
 p5873.html

 Sent from the Apache Flex Users mailing list archive at Nabble.com.


 --
  If you reply to this email, your message will be added to the 
 discussion
 below:

 http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693
 p5875.html  To unsubscribe from MobileGrid Skins, click 
 herehttp://apache-flex-users.246.n4.nabble.com/template/NamlServl
 et.jtp?macro=unsubscribe_by_codenode=5693code=amNpc2ludGhlaG91c2UyMU
 BnbWFpbC5jb218NTY5M3w3NzgwMTEwOTM=
 .
 NAMLhttp://apache-flex-users.246.n4.nabble.com/template/NamlServl
 et.jtp?macro=macro_viewerid=instant_html%21nabble%3Aemail.namlbase=n
 abble.naml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNa
 mespace-nabble.view.web.template.NodeNamespacebreadcrumbs=notify_subs
 cribers%21nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-sen
 d_instant_email%21nabble%3Aemail.naml





--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p5876.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


Re: MobileGrid Skins

2014-04-01 Thread Jonathan Christian
Does the MobileGrid provide the same functionality as a spark list where
the hovered and selected states can be modified so the cell background
color isn't displayed even when a user selected an item in the list?


On Tue, Apr 1, 2014 at 8:43 AM, Maurice Amsellem [via Apache Flex Users] 
ml-node+s246n5875...@n4.nabble.com wrote:

 Ok I will have a look at it.

 and is making the columns not selectable possible?
 You mean, disable sorting on header click ?

 Maurice

 -Message d'origine-
 De : Jonathan Christian [mailto:[hidden 
 email]http://user/SendEmail.jtp?type=nodenode=5875i=0]

 Envoyé : mardi 1 avril 2014 15:18
 À : [hidden email] http://user/SendEmail.jtp?type=nodenode=5875i=1
 Objet : RE: MobileGrid Skins

 Yeah you're right, I zipped the wrong project sorry! here is the new link
 -
 https://drive.google.com/file/d/0B4quPL0V-7sBS3ZIbl83eEJTU2c/edit?usp=sharing

 I tried editing the headerGroup in the skin and was only able to remove
 the shadow, and using CSS I was able to set up a white column color with a
 gray font. I'd really like to figure out how to change the header color to
 white as well and is making the columns not selectable possible?

 Thanks Again
 Jonathan



 --
 View this message in context:
 http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p5873.html

 Sent from the Apache Flex Users mailing list archive at Nabble.com.


 --
  If you reply to this email, your message will be added to the discussion
 below:

 http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p5875.html
  To unsubscribe from MobileGrid Skins, click 
 herehttp://apache-flex-users.246.n4.nabble.com/template/NamlServlet.jtp?macro=unsubscribe_by_codenode=5693code=amNpc2ludGhlaG91c2UyMUBnbWFpbC5jb218NTY5M3w3NzgwMTEwOTM=
 .
 NAMLhttp://apache-flex-users.246.n4.nabble.com/template/NamlServlet.jtp?macro=macro_viewerid=instant_html%21nabble%3Aemail.namlbase=nabble.naml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble.view.web.template.NodeNamespacebreadcrumbs=notify_subscribers%21nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_email%21nabble%3Aemail.naml





--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p5876.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


RE: MobileGrid Skins

2014-04-01 Thread Maurice Amsellem
Christian, to change the header color to white (or something else), do the 
following:

1)  customize the skin of MobileHeaderGroup, such as follows
supportClasses|MobileGridHeader
{
skinClass: ClassReference('skins.MyMobileGridHeaderSkin');
}

Preferably use a standalone css file rather than inline fx:Style, and include 
it in your top-level app file, eg:
s:ViewNavigatorApplication xmlns:fx=http://ns.adobe.com/mxml/2009;   
fx:Style source=ModifiedGrid.css/
/s:ViewNavigatorApplication

2)  in the customized skin, set firstButton, middleButton and lastButton to use 
your custom header button skin :
public class MyMobileGridHeaderSkin extends 
spark.skins.MobileGridHeaderButtonBarSkin
{
...

override protected function createChildren(): void
{
super.createChildren();
  firstButton.skinClass = middleButton.skinClass = lastButton.skinClass = 
MyHeaderButtonSkin;
}

3) design a custom header button skin that display eg. a label in a white 
outline rectangle.
You can inherit from the various *Button*Skin in the mobile theme or make your 
own.
Keep in mind that mobile skins often use FXG skins, that are not customizable 
(eg. no cornerRadius or the like).

Let me know how it worked.

Maurice 

-Message d'origine-
De : Maurice Amsellem [mailto:maurice.amsel...@systar.com] 
Envoyé : mardi 1 avril 2014 16:25
À : users@flex.apache.org
Objet : RE: MobileGrid Skins

MobileGrid is entirely based on Spark List (with only a custom renderer).

Maurice 

-Message d'origine-
De : Jonathan Christian [mailto:jcisinthehous...@gmail.com]
Envoyé : mardi 1 avril 2014 16:12
À : users@flex.apache.org
Objet : Re: MobileGrid Skins

Does the MobileGrid provide the same functionality as a spark list where the 
hovered and selected states can be modified so the cell background color isn't 
displayed even when a user selected an item in the list?


On Tue, Apr 1, 2014 at 8:43 AM, Maurice Amsellem [via Apache Flex Users] 
ml-node+s246n5875...@n4.nabble.com wrote:

 Ok I will have a look at it.

 and is making the columns not selectable possible?
 You mean, disable sorting on header click ?

 Maurice

 -Message d'origine-
 De : Jonathan Christian [mailto:[hidden 
 email]http://user/SendEmail.jtp?type=nodenode=5875i=0]

 Envoyé : mardi 1 avril 2014 15:18
 À : [hidden email] http://user/SendEmail.jtp?type=nodenode=5875i=1
 Objet : RE: MobileGrid Skins

 Yeah you're right, I zipped the wrong project sorry! here is the new 
 link
 -
 https://drive.google.com/file/d/0B4quPL0V-7sBS3ZIbl83eEJTU2c/edit?usp=
 sharing

 I tried editing the headerGroup in the skin and was only able to 
 remove the shadow, and using CSS I was able to set up a white column 
 color with a gray font. I'd really like to figure out how to change 
 the header color to white as well and is making the columns not selectable 
 possible?

 Thanks Again
 Jonathan



 --
 View this message in context:
 http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693
 p5873.html

 Sent from the Apache Flex Users mailing list archive at Nabble.com.


 --
  If you reply to this email, your message will be added to the 
 discussion
 below:

 http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693
 p5875.html  To unsubscribe from MobileGrid Skins, click 
 herehttp://apache-flex-users.246.n4.nabble.com/template/NamlServl
 et.jtp?macro=unsubscribe_by_codenode=5693code=amNpc2ludGhlaG91c2UyMU
 BnbWFpbC5jb218NTY5M3w3NzgwMTEwOTM=
 .
 NAMLhttp://apache-flex-users.246.n4.nabble.com/template/NamlServl
 et.jtp?macro=macro_viewerid=instant_html%21nabble%3Aemail.namlbase=n
 abble.naml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNa
 mespace-nabble.view.web.template.NodeNamespacebreadcrumbs=notify_subs
 cribers%21nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-sen
 d_instant_email%21nabble%3Aemail.naml





--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p5876.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


RE: MobileGrid Skins

2014-03-31 Thread Jonathan Christian
Thanks Maurice,

I have attempted to override the CSS and apply the style /.Mobileg/ to the
MobileGrid, and  /.MobileGridHeader/ to the MobileGridColumn. This approach
seems to partially work - any CSS in the header doesn't seem to take any
effect. Am I doing this correctly? 

 fx:Style
  
   @namespace http://flex.apache.org/experimental/ns;;
   @namespace s library://ns.adobe.com/flex/spark;
   @namespace supportClasses spark.components.supportClasses.*;

   
   .Mobileg
   {
   skinClass: ClassReference('spark.skins.MobileGridSkin');
   contentBackgroundColor: #ff;
   alternatingItemColors: #ff, #ff;
   color: #585558;
   selection-color: #ff; /* blue  */
   
   }

   .MobileGridHeader
   {
   skinClass:
ClassReference('spark.skins.MobileGridHeaderButtonBarSkin');
   /*   color: #f0f0f0;  */
   }
   

/fx:style
  
ns:MobileGrid skinClass=Mobileg/



--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p5862.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


RE: MobileGrid Skins

2014-03-31 Thread Maurice Amsellem
Sorry,  I don't understand you code snippet below. 
It's mixing upper case and lower case,  styleName and skinClass,  so it's 
difficult to tell which are css selectors and which are class names. 

Can you make a zip of your project (at least the MobileGrid custom skin classes 
and css) and share it via DropBox or the like, so that I can review it.

Regards,

Maurice 

-Message d'origine-
De : Jonathan Christian [mailto:jcisinthehous...@gmail.com] 
Envoyé : lundi 31 mars 2014 17:46
À : users@flex.apache.org
Objet : RE: MobileGrid Skins

Thanks Maurice,

I have attempted to override the CSS and apply the style /.Mobileg/ to the 
MobileGrid, and  /.MobileGridHeader/ to the MobileGridColumn. This approach 
seems to partially work - any CSS in the header doesn't seem to take any 
effect. Am I doing this correctly? 

 fx:Style
  
   @namespace http://flex.apache.org/experimental/ns;;
   @namespace s library://ns.adobe.com/flex/spark;
   @namespace supportClasses spark.components.supportClasses.*;

   
   .Mobileg
   {
   skinClass: ClassReference('spark.skins.MobileGridSkin');
   contentBackgroundColor: #ff;
   alternatingItemColors: #ff, #ff;
   color: #585558;
   selection-color: #ff; /* blue  */
   
   }

   .MobileGridHeader
   {
   skinClass:
ClassReference('spark.skins.MobileGridHeaderButtonBarSkin');
   /*   color: #f0f0f0;  */
   }
   

/fx:style
  
ns:MobileGrid skinClass=Mobileg/



--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p5862.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


RE: MobileGrid Skins

2014-03-31 Thread Maurice Amsellem
Hi Jonathan,  I have downloaded the example you shared but it does not contain 
any custom skin or css.

Morever, this example does not compile, as the MobileGrid namespace is not 
correct.
It's obviously downloaded from example project attached to the JIRA ticket 
https://issues.apache.org/jira/browse/FLEX-33777 .
This project file is an obsolete code prior to the donation of MobileGrid to 
ApacheFlex, and should not be used (I have removed the attachements).

It's better to use the examples provided with the asdoc:
http://flex.apache.org/asdoc/spark/components/MobileGrid.html#includeExamplesSummary
 

So please send me the right code, so that I can help you.

Regards,

Maurice 
-Message d'origine-
De : Jonathan Christian [mailto:jcisinthehous...@gmail.com] 
Envoyé : lundi 31 mars 2014 21:26
À : users@flex.apache.org
Objet : RE: MobileGrid Skins

Here -
https://drive.google.com/file/d/0B4quPL0V-7sBUjREOEdoMjUxbXc/edit?usp=sharing

I am only using the CSS as a stylename at the moment, as I am not sure how to 
use the Mobile Grid skin class



--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693p5865.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


MobileGrid Skins

2014-03-24 Thread Jonathan Christian
Hey All,

Just wondering if there is an example of a skinned ns:MobileGrid. has
someone developed one? Im trying to theme each column with a white
background with black text and the same appearance for the  column headers.
Any help would be great. thanks.



--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.


RE: MobileGrid Skins

2014-03-24 Thread Maurice Amsellem
Look at spark.skins.MobileGridSkin implementation 
and defaults.css for MobileGrid in experimental_mobile:

https://github.com/apache/flex-sdk/blob/develop/frameworks/projects/experimental_mobile/defaults.css
https://github.com/apache/flex-sdk/blob/develop/frameworks/projects/experimental_mobile/src/spark/skins/MobileGridSkin.as

Try first to change the css styles, and see how it goes...

Maurice 



-Message d'origine-
De : Jonathan Christian [mailto:jcisinthehous...@gmail.com] 
Envoyé : lundi 24 mars 2014 20:44
À : users@flex.apache.org
Objet : MobileGrid Skins

Hey All,

Just wondering if there is an example of a skinned ns:MobileGrid. has someone 
developed one? Im trying to theme each column with a white background with 
black text and the same appearance for the  column headers.
Any help would be great. thanks.



--
View this message in context: 
http://apache-flex-users.246.n4.nabble.com/MobileGrid-Skins-tp5693.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.