You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@flex.apache.org by leokan23 <le...@best-web.gr> on 2015/08/04 15:04:37 UTC
RE: MobileGrid Skins
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.2333346.n4.nabble.com/MobileGrid-Skins-tp5693p10894.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
Re: MobileGrid Skins
Posted by leswoolsey <le...@rogers.com>.
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.2333346.n4.nabble.com/MobileGrid-Skins-tp5693p15036.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
Re: MobileGrid Skins
Posted by leswoolsey <le...@rogers.com>.
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.2333346.n4.nabble.com/MobileGrid-Skins-tp5693p15048.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
Re: MobileGrid Skins
Posted by leswoolsey <le...@rogers.com>.
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.2333346.n4.nabble.com/MobileGrid-Skins-tp5693p15040.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
Re: MobileGrid Skins
Posted by quick6black <an...@gmail.com>.
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
Posted by leswoolsey <le...@rogers.com>.
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.2333346.n4.nabble.com/MobileGrid-Skins-tp5693p15028.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
Re: MobileGrid Skins
Posted by leswoolsey <le...@rogers.com>.
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.2333346.n4.nabble.com/MobileGrid-Skins-tp5693p14950.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
Re: MobileGrid Skins
Posted by quick6black <an...@gmail.com>.
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.2333346.n4.nabble.com/MobileGrid-Skins-tp5693p14935.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
Re: MobileGrid Skins
Posted by leswoolsey <le...@rogers.com>.
I looked at the List. It doesn't support columns. So no joy with it.
--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/MobileGrid-Skins-tp5693p14933.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
Re: MobileGrid Skins
Posted by leswoolsey <le...@rogers.com>.
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.2333346.n4.nabble.com/MobileGrid-Skins-tp5693p14932.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
Re: MobileGrid Skins
Posted by quick6black <an...@gmail.com>.
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.2333346.n4.nabble.com/MobileGrid-Skins-tp5693p14799.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
Re: MobileGrid Skins
Posted by LesGWoolsey <le...@gmail.com>.
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.2333346.n4.nabble.com/MobileGrid-Skins-tp5693p14796.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
Re: MobileGrid Skins
Posted by quick6black <an...@gmail.com>.
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.2333346.n4.nabble.com/MobileGrid-Skins-tp5693p14792.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
Re: MobileGrid Skins
Posted by Paul Moreau <pa...@zutec.com>.
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 <po...@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.
> 2333346.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
Posted by OK <po...@olafkrueger.net>.
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.2333346.n4.nabble.com/MobileGrid-Skins-tp5693p14790.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
Re: MobileGrid Skins
Posted by quick6black <an...@gmail.com>.
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.2333346.n4.nabble.com/MobileGrid-Skins-tp5693p14789.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
Re: MobileGrid Skins
Posted by leswoolsey <le...@rogers.com>.
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.2333346.n4.nabble.com/MobileGrid-Skins-tp5693p14788.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
Re: MobileGrid Skins
Posted by OmPrakash Muppirala <bi...@gmail.com>.
Try setting this in your CSS file:
supportClasses|MobileGridRowRenderer
{
height: 50;
}
On Tue, Aug 4, 2015 at 6:04 AM, leokan23 <le...@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.2333346.n4.nabble.com/MobileGrid-Skins-tp5693p10894.html
> Sent from the Apache Flex Users mailing list archive at Nabble.com.
>