You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@royale.apache.org by Hugo Ferreira <hf...@gmail.com> on 2020/09/11 16:29:11 UTC

Font bead and color

There is already a bead for color, font size and font style ?

Re: Font bead and color

Posted by Hugo Ferreira <hf...@gmail.com>.
Thank you.

Carlos Rovira <ca...@apache.org> escreveu no dia domingo, 13/09/2020
à(s) 08:32:

> Hi Hugo,
> yes, this was the same as in Flex, same implementation and metadata proxy,
> so better use with="100%"
>
> El sáb., 12 sept. 2020 a las 19:06, Hugo Ferreira (<hferreira.80@gmail.com
> >)
> escribió:
>
> > "people thinking they must use percentWidth."
> > It happens to me.
> >
> > So at the end of the day percentWidth it's the "native way" and
> > width="100%" will be converted to percentWidth, correct ?
> > For a single way to implement, you recomend with="100%" instead of
> > percentWidth="100" ?
> >
> > Carlos Rovira <ca...@apache.org> escreveu no dia sábado,
> 12/09/2020
> > à(s) 17:47:
> >
> > > Hi Hugo,
> > >
> > > I recommend you use the CSS file you probably have in your app instead
> of
> > > style object
> > > so you can override font at the level you want and still remain
> > > separating concerns.
> > >
> > > about percentWidth, I think some of us put something like that in some
> > > examples instead of width="100%"
> > > I tried to remove search and replace in what we have in the web to
> avoid
> > > people thinking they must use percentWidth.
> > > Although is valid, the other is a proxy for percentWidth (I mean is
> > marked
> > > [
> > > PercentProxy("percentWidth")])
> > >
> > >
> > > El sáb., 12 sept. 2020 a las 17:10, Hugo Ferreira (<
> > hferreira.80@gmail.com
> > > >)
> > > escribió:
> > >
> > > > I started my framework extending all Royale components that I need
> and
> > > > adding a lot of properties (Flex style).
> > > > Now I'm decoupling all this properties as beads (Royale style) on my
> > own
> > > > framework and I identify a few ones that could be on the Royale
> > Framework
> > > > because are so generic.
> > > > For example Position and DataGridSort are two beads that I don't need
> > any
> > > > more to have on my own code and use directly from the Royale
> Framework.
> > > >
> > > > Yes, font style is on a very gray area.
> > > > Ususally defineded a css global level but there is a few use cases
> when
> > > we
> > > > need to override the global style behaviour.
> > > > On this place, I prefer to use a bead instead of working with style =
> > > ....
> > > > But I understand and use my own bead.
> > > >
> > > > "finally nor related to this: for percentage width and height you
> don't
> > > > need
> > > > to write percentageWidth="100", you can do width="100%""
> > > > Humm. In Flex world I always did width="100%" but here I saw the
> > > > percentageWidth property and I thought that it's the right way.
> > > > Why we have this redundante property on the first place ?
> > > >
> > > >
> > > > Carlos Rovira <ca...@apache.org> escreveu no dia sábado,
> > > 12/09/2020
> > > > à(s) 15:54:
> > > >
> > > > > Hi,
> > > > >
> > > > > ok, we don't have any bead for font styling, but while padding or
> > > > > positioning are things that is usual people tune in mxml or as3,
> font
> > > > > changes used to happen at CSS level most of the time. Also, as we
> > > > > separate MVC parts, we should try to separate views from styles
> (CSS)
> > > and
> > > > > maybe in some cases skin (as we did in Flex 4 days). So adding as3
> > code
> > > > to
> > > > > mix in mxml font styling (or other font things) seems to me not the
> > way
> > > > to
> > > > > go when organizing code in a final app (other things are quick
> > > examples)
> > > > >
> > > > > finally nor related to this: for percentage width and height you
> > don't
> > > > need
> > > > > to write percentageWidth="100", you can do width="100%"
> > > > >
> > > > > El sáb., 12 sept. 2020 a las 16:42, Hugo Ferreira (<
> > > > hferreira.80@gmail.com
> > > > > >)
> > > > > escribió:
> > > > >
> > > > > > I'm talking in something like this:
> > > > > >
> > > > > > Bead:
> > > > > > package pt.solidsoft.framework.components.beads
> > > > > > {
> > > > > > import org.apache.royale.core.IBead;
> > > > > > import org.apache.royale.core.IStrand;
> > > > > > import org.apache.royale.core.UIBase;
> > > > > >
> > > > > > public class FontItalic implements IBead
> > > > > > {
> > > > > > public function set strand(value:IStrand):void
> > > > > > {
> > > > > > (value as UIBase).style = "font-style: italic";
> > > > > > }
> > > > > > }
> > > > > > }
> > > > > >
> > > > > > Usage:
> > > > > > ...
> > > > > > <c:Label text="Italic text sample">
> > > > > > <c:beads>
> > > > > > <fi:FontItalic/>
> > > > > > </c:beads>
> > > > > > </c:Label>
> > > > > > ...
> > > > > >
> > > > > > The same for bold and font size OR a font bead
> > > > > >
> > > > > > Carlos Rovira <ca...@apache.org> escreveu no dia sexta,
> > > > > 11/09/2020
> > > > > > à(s) 19:08:
> > > > > >
> > > > > > > Ok, I thought you were talking about font-face and so on.
> > > > > > > You have SizeControl and TextAlign beads, but I must say I want
> > to
> > > > > update
> > > > > > > Sizecontrol a bit since sizes have changed a bit and that need
> to
> > > be
> > > > > > > adjusted.
> > > > > > >
> > > > > > > El vie., 11 sept. 2020 a las 20:02, Hugo Ferreira (<
> > > > > > hferreira.80@gmail.com
> > > > > > > >)
> > > > > > > escribió:
> > > > > > >
> > > > > > > > Usually, the application has a default style defined globally
> > > thus
> > > > > css,
> > > > > > > etc
> > > > > > > > ... but sometimes there are particular use cases where you
> > need a
> > > > > bold,
> > > > > > > > italic or even different font size.
> > > > > > > > A bead should not be an opition ?
> > > > > > > >
> > > > > > > > Carlos Rovira <ca...@apache.org> escreveu no dia
> sexta,
> > > > > > > 11/09/2020
> > > > > > > > à(s) 18:31:
> > > > > > > >
> > > > > > > > > No. that is usually done vía CSS or in AS3/MXML vía style
> > > > property
> > > > > or
> > > > > > > > > fx:Style tag.
> > > > > > > > >
> > > > > > > > >
> > > > > > > > > El vie., 11 sept. 2020 a las 18:29, Hugo Ferreira (<
> > > > > > > > hferreira.80@gmail.com
> > > > > > > > > >)
> > > > > > > > > escribió:
> > > > > > > > >
> > > > > > > > > > There is already a bead for color, font size and font
> > style ?
> > > > > > > > > >
> > > > > > > > >
> > > > > > > > >
> > > > > > > > > --
> > > > > > > > > Carlos Rovira
> > > > > > > > > http://about.me/carlosrovira
> > > > > > > > >
> > > > > > > >
> > > > > > >
> > > > > > >
> > > > > > > --
> > > > > > > Carlos Rovira
> > > > > > > http://about.me/carlosrovira
> > > > > > >
> > > > > >
> > > > >
> > > > >
> > > > > --
> > > > > Carlos Rovira
> > > > > http://about.me/carlosrovira
> > > > >
> > > >
> > >
> > >
> > > --
> > > Carlos Rovira
> > > http://about.me/carlosrovira
> > >
> >
>
>
> --
> Carlos Rovira
> http://about.me/carlosrovira
>

Re: Font bead and color

Posted by Carlos Rovira <ca...@apache.org>.
Hi Hugo,
yes, this was the same as in Flex, same implementation and metadata proxy,
so better use with="100%"

El sáb., 12 sept. 2020 a las 19:06, Hugo Ferreira (<hf...@gmail.com>)
escribió:

> "people thinking they must use percentWidth."
> It happens to me.
>
> So at the end of the day percentWidth it's the "native way" and
> width="100%" will be converted to percentWidth, correct ?
> For a single way to implement, you recomend with="100%" instead of
> percentWidth="100" ?
>
> Carlos Rovira <ca...@apache.org> escreveu no dia sábado, 12/09/2020
> à(s) 17:47:
>
> > Hi Hugo,
> >
> > I recommend you use the CSS file you probably have in your app instead of
> > style object
> > so you can override font at the level you want and still remain
> > separating concerns.
> >
> > about percentWidth, I think some of us put something like that in some
> > examples instead of width="100%"
> > I tried to remove search and replace in what we have in the web to avoid
> > people thinking they must use percentWidth.
> > Although is valid, the other is a proxy for percentWidth (I mean is
> marked
> > [
> > PercentProxy("percentWidth")])
> >
> >
> > El sáb., 12 sept. 2020 a las 17:10, Hugo Ferreira (<
> hferreira.80@gmail.com
> > >)
> > escribió:
> >
> > > I started my framework extending all Royale components that I need and
> > > adding a lot of properties (Flex style).
> > > Now I'm decoupling all this properties as beads (Royale style) on my
> own
> > > framework and I identify a few ones that could be on the Royale
> Framework
> > > because are so generic.
> > > For example Position and DataGridSort are two beads that I don't need
> any
> > > more to have on my own code and use directly from the Royale Framework.
> > >
> > > Yes, font style is on a very gray area.
> > > Ususally defineded a css global level but there is a few use cases when
> > we
> > > need to override the global style behaviour.
> > > On this place, I prefer to use a bead instead of working with style =
> > ....
> > > But I understand and use my own bead.
> > >
> > > "finally nor related to this: for percentage width and height you don't
> > > need
> > > to write percentageWidth="100", you can do width="100%""
> > > Humm. In Flex world I always did width="100%" but here I saw the
> > > percentageWidth property and I thought that it's the right way.
> > > Why we have this redundante property on the first place ?
> > >
> > >
> > > Carlos Rovira <ca...@apache.org> escreveu no dia sábado,
> > 12/09/2020
> > > à(s) 15:54:
> > >
> > > > Hi,
> > > >
> > > > ok, we don't have any bead for font styling, but while padding or
> > > > positioning are things that is usual people tune in mxml or as3, font
> > > > changes used to happen at CSS level most of the time. Also, as we
> > > > separate MVC parts, we should try to separate views from styles (CSS)
> > and
> > > > maybe in some cases skin (as we did in Flex 4 days). So adding as3
> code
> > > to
> > > > mix in mxml font styling (or other font things) seems to me not the
> way
> > > to
> > > > go when organizing code in a final app (other things are quick
> > examples)
> > > >
> > > > finally nor related to this: for percentage width and height you
> don't
> > > need
> > > > to write percentageWidth="100", you can do width="100%"
> > > >
> > > > El sáb., 12 sept. 2020 a las 16:42, Hugo Ferreira (<
> > > hferreira.80@gmail.com
> > > > >)
> > > > escribió:
> > > >
> > > > > I'm talking in something like this:
> > > > >
> > > > > Bead:
> > > > > package pt.solidsoft.framework.components.beads
> > > > > {
> > > > > import org.apache.royale.core.IBead;
> > > > > import org.apache.royale.core.IStrand;
> > > > > import org.apache.royale.core.UIBase;
> > > > >
> > > > > public class FontItalic implements IBead
> > > > > {
> > > > > public function set strand(value:IStrand):void
> > > > > {
> > > > > (value as UIBase).style = "font-style: italic";
> > > > > }
> > > > > }
> > > > > }
> > > > >
> > > > > Usage:
> > > > > ...
> > > > > <c:Label text="Italic text sample">
> > > > > <c:beads>
> > > > > <fi:FontItalic/>
> > > > > </c:beads>
> > > > > </c:Label>
> > > > > ...
> > > > >
> > > > > The same for bold and font size OR a font bead
> > > > >
> > > > > Carlos Rovira <ca...@apache.org> escreveu no dia sexta,
> > > > 11/09/2020
> > > > > à(s) 19:08:
> > > > >
> > > > > > Ok, I thought you were talking about font-face and so on.
> > > > > > You have SizeControl and TextAlign beads, but I must say I want
> to
> > > > update
> > > > > > Sizecontrol a bit since sizes have changed a bit and that need to
> > be
> > > > > > adjusted.
> > > > > >
> > > > > > El vie., 11 sept. 2020 a las 20:02, Hugo Ferreira (<
> > > > > hferreira.80@gmail.com
> > > > > > >)
> > > > > > escribió:
> > > > > >
> > > > > > > Usually, the application has a default style defined globally
> > thus
> > > > css,
> > > > > > etc
> > > > > > > ... but sometimes there are particular use cases where you
> need a
> > > > bold,
> > > > > > > italic or even different font size.
> > > > > > > A bead should not be an opition ?
> > > > > > >
> > > > > > > Carlos Rovira <ca...@apache.org> escreveu no dia sexta,
> > > > > > 11/09/2020
> > > > > > > à(s) 18:31:
> > > > > > >
> > > > > > > > No. that is usually done vía CSS or in AS3/MXML vía style
> > > property
> > > > or
> > > > > > > > fx:Style tag.
> > > > > > > >
> > > > > > > >
> > > > > > > > El vie., 11 sept. 2020 a las 18:29, Hugo Ferreira (<
> > > > > > > hferreira.80@gmail.com
> > > > > > > > >)
> > > > > > > > escribió:
> > > > > > > >
> > > > > > > > > There is already a bead for color, font size and font
> style ?
> > > > > > > > >
> > > > > > > >
> > > > > > > >
> > > > > > > > --
> > > > > > > > Carlos Rovira
> > > > > > > > http://about.me/carlosrovira
> > > > > > > >
> > > > > > >
> > > > > >
> > > > > >
> > > > > > --
> > > > > > Carlos Rovira
> > > > > > http://about.me/carlosrovira
> > > > > >
> > > > >
> > > >
> > > >
> > > > --
> > > > Carlos Rovira
> > > > http://about.me/carlosrovira
> > > >
> > >
> >
> >
> > --
> > Carlos Rovira
> > http://about.me/carlosrovira
> >
>


-- 
Carlos Rovira
http://about.me/carlosrovira

Re: Font bead and color

Posted by Hugo Ferreira <hf...@gmail.com>.
"people thinking they must use percentWidth."
It happens to me.

So at the end of the day percentWidth it's the "native way" and
width="100%" will be converted to percentWidth, correct ?
For a single way to implement, you recomend with="100%" instead of
percentWidth="100" ?

Carlos Rovira <ca...@apache.org> escreveu no dia sábado, 12/09/2020
à(s) 17:47:

> Hi Hugo,
>
> I recommend you use the CSS file you probably have in your app instead of
> style object
> so you can override font at the level you want and still remain
> separating concerns.
>
> about percentWidth, I think some of us put something like that in some
> examples instead of width="100%"
> I tried to remove search and replace in what we have in the web to avoid
> people thinking they must use percentWidth.
> Although is valid, the other is a proxy for percentWidth (I mean is marked
> [
> PercentProxy("percentWidth")])
>
>
> El sáb., 12 sept. 2020 a las 17:10, Hugo Ferreira (<hferreira.80@gmail.com
> >)
> escribió:
>
> > I started my framework extending all Royale components that I need and
> > adding a lot of properties (Flex style).
> > Now I'm decoupling all this properties as beads (Royale style) on my own
> > framework and I identify a few ones that could be on the Royale Framework
> > because are so generic.
> > For example Position and DataGridSort are two beads that I don't need any
> > more to have on my own code and use directly from the Royale Framework.
> >
> > Yes, font style is on a very gray area.
> > Ususally defineded a css global level but there is a few use cases when
> we
> > need to override the global style behaviour.
> > On this place, I prefer to use a bead instead of working with style =
> ....
> > But I understand and use my own bead.
> >
> > "finally nor related to this: for percentage width and height you don't
> > need
> > to write percentageWidth="100", you can do width="100%""
> > Humm. In Flex world I always did width="100%" but here I saw the
> > percentageWidth property and I thought that it's the right way.
> > Why we have this redundante property on the first place ?
> >
> >
> > Carlos Rovira <ca...@apache.org> escreveu no dia sábado,
> 12/09/2020
> > à(s) 15:54:
> >
> > > Hi,
> > >
> > > ok, we don't have any bead for font styling, but while padding or
> > > positioning are things that is usual people tune in mxml or as3, font
> > > changes used to happen at CSS level most of the time. Also, as we
> > > separate MVC parts, we should try to separate views from styles (CSS)
> and
> > > maybe in some cases skin (as we did in Flex 4 days). So adding as3 code
> > to
> > > mix in mxml font styling (or other font things) seems to me not the way
> > to
> > > go when organizing code in a final app (other things are quick
> examples)
> > >
> > > finally nor related to this: for percentage width and height you don't
> > need
> > > to write percentageWidth="100", you can do width="100%"
> > >
> > > El sáb., 12 sept. 2020 a las 16:42, Hugo Ferreira (<
> > hferreira.80@gmail.com
> > > >)
> > > escribió:
> > >
> > > > I'm talking in something like this:
> > > >
> > > > Bead:
> > > > package pt.solidsoft.framework.components.beads
> > > > {
> > > > import org.apache.royale.core.IBead;
> > > > import org.apache.royale.core.IStrand;
> > > > import org.apache.royale.core.UIBase;
> > > >
> > > > public class FontItalic implements IBead
> > > > {
> > > > public function set strand(value:IStrand):void
> > > > {
> > > > (value as UIBase).style = "font-style: italic";
> > > > }
> > > > }
> > > > }
> > > >
> > > > Usage:
> > > > ...
> > > > <c:Label text="Italic text sample">
> > > > <c:beads>
> > > > <fi:FontItalic/>
> > > > </c:beads>
> > > > </c:Label>
> > > > ...
> > > >
> > > > The same for bold and font size OR a font bead
> > > >
> > > > Carlos Rovira <ca...@apache.org> escreveu no dia sexta,
> > > 11/09/2020
> > > > à(s) 19:08:
> > > >
> > > > > Ok, I thought you were talking about font-face and so on.
> > > > > You have SizeControl and TextAlign beads, but I must say I want to
> > > update
> > > > > Sizecontrol a bit since sizes have changed a bit and that need to
> be
> > > > > adjusted.
> > > > >
> > > > > El vie., 11 sept. 2020 a las 20:02, Hugo Ferreira (<
> > > > hferreira.80@gmail.com
> > > > > >)
> > > > > escribió:
> > > > >
> > > > > > Usually, the application has a default style defined globally
> thus
> > > css,
> > > > > etc
> > > > > > ... but sometimes there are particular use cases where you need a
> > > bold,
> > > > > > italic or even different font size.
> > > > > > A bead should not be an opition ?
> > > > > >
> > > > > > Carlos Rovira <ca...@apache.org> escreveu no dia sexta,
> > > > > 11/09/2020
> > > > > > à(s) 18:31:
> > > > > >
> > > > > > > No. that is usually done vía CSS or in AS3/MXML vía style
> > property
> > > or
> > > > > > > fx:Style tag.
> > > > > > >
> > > > > > >
> > > > > > > El vie., 11 sept. 2020 a las 18:29, Hugo Ferreira (<
> > > > > > hferreira.80@gmail.com
> > > > > > > >)
> > > > > > > escribió:
> > > > > > >
> > > > > > > > There is already a bead for color, font size and font style ?
> > > > > > > >
> > > > > > >
> > > > > > >
> > > > > > > --
> > > > > > > Carlos Rovira
> > > > > > > http://about.me/carlosrovira
> > > > > > >
> > > > > >
> > > > >
> > > > >
> > > > > --
> > > > > Carlos Rovira
> > > > > http://about.me/carlosrovira
> > > > >
> > > >
> > >
> > >
> > > --
> > > Carlos Rovira
> > > http://about.me/carlosrovira
> > >
> >
>
>
> --
> Carlos Rovira
> http://about.me/carlosrovira
>

Re: Font bead and color

Posted by Carlos Rovira <ca...@apache.org>.
Hi Hugo,

I recommend you use the CSS file you probably have in your app instead of
style object
so you can override font at the level you want and still remain
separating concerns.

about percentWidth, I think some of us put something like that in some
examples instead of width="100%"
I tried to remove search and replace in what we have in the web to avoid
people thinking they must use percentWidth.
Although is valid, the other is a proxy for percentWidth (I mean is marked [
PercentProxy("percentWidth")])


El sáb., 12 sept. 2020 a las 17:10, Hugo Ferreira (<hf...@gmail.com>)
escribió:

> I started my framework extending all Royale components that I need and
> adding a lot of properties (Flex style).
> Now I'm decoupling all this properties as beads (Royale style) on my own
> framework and I identify a few ones that could be on the Royale Framework
> because are so generic.
> For example Position and DataGridSort are two beads that I don't need any
> more to have on my own code and use directly from the Royale Framework.
>
> Yes, font style is on a very gray area.
> Ususally defineded a css global level but there is a few use cases when we
> need to override the global style behaviour.
> On this place, I prefer to use a bead instead of working with style = ....
> But I understand and use my own bead.
>
> "finally nor related to this: for percentage width and height you don't
> need
> to write percentageWidth="100", you can do width="100%""
> Humm. In Flex world I always did width="100%" but here I saw the
> percentageWidth property and I thought that it's the right way.
> Why we have this redundante property on the first place ?
>
>
> Carlos Rovira <ca...@apache.org> escreveu no dia sábado, 12/09/2020
> à(s) 15:54:
>
> > Hi,
> >
> > ok, we don't have any bead for font styling, but while padding or
> > positioning are things that is usual people tune in mxml or as3, font
> > changes used to happen at CSS level most of the time. Also, as we
> > separate MVC parts, we should try to separate views from styles (CSS) and
> > maybe in some cases skin (as we did in Flex 4 days). So adding as3 code
> to
> > mix in mxml font styling (or other font things) seems to me not the way
> to
> > go when organizing code in a final app (other things are quick examples)
> >
> > finally nor related to this: for percentage width and height you don't
> need
> > to write percentageWidth="100", you can do width="100%"
> >
> > El sáb., 12 sept. 2020 a las 16:42, Hugo Ferreira (<
> hferreira.80@gmail.com
> > >)
> > escribió:
> >
> > > I'm talking in something like this:
> > >
> > > Bead:
> > > package pt.solidsoft.framework.components.beads
> > > {
> > > import org.apache.royale.core.IBead;
> > > import org.apache.royale.core.IStrand;
> > > import org.apache.royale.core.UIBase;
> > >
> > > public class FontItalic implements IBead
> > > {
> > > public function set strand(value:IStrand):void
> > > {
> > > (value as UIBase).style = "font-style: italic";
> > > }
> > > }
> > > }
> > >
> > > Usage:
> > > ...
> > > <c:Label text="Italic text sample">
> > > <c:beads>
> > > <fi:FontItalic/>
> > > </c:beads>
> > > </c:Label>
> > > ...
> > >
> > > The same for bold and font size OR a font bead
> > >
> > > Carlos Rovira <ca...@apache.org> escreveu no dia sexta,
> > 11/09/2020
> > > à(s) 19:08:
> > >
> > > > Ok, I thought you were talking about font-face and so on.
> > > > You have SizeControl and TextAlign beads, but I must say I want to
> > update
> > > > Sizecontrol a bit since sizes have changed a bit and that need to be
> > > > adjusted.
> > > >
> > > > El vie., 11 sept. 2020 a las 20:02, Hugo Ferreira (<
> > > hferreira.80@gmail.com
> > > > >)
> > > > escribió:
> > > >
> > > > > Usually, the application has a default style defined globally thus
> > css,
> > > > etc
> > > > > ... but sometimes there are particular use cases where you need a
> > bold,
> > > > > italic or even different font size.
> > > > > A bead should not be an opition ?
> > > > >
> > > > > Carlos Rovira <ca...@apache.org> escreveu no dia sexta,
> > > > 11/09/2020
> > > > > à(s) 18:31:
> > > > >
> > > > > > No. that is usually done vía CSS or in AS3/MXML vía style
> property
> > or
> > > > > > fx:Style tag.
> > > > > >
> > > > > >
> > > > > > El vie., 11 sept. 2020 a las 18:29, Hugo Ferreira (<
> > > > > hferreira.80@gmail.com
> > > > > > >)
> > > > > > escribió:
> > > > > >
> > > > > > > There is already a bead for color, font size and font style ?
> > > > > > >
> > > > > >
> > > > > >
> > > > > > --
> > > > > > Carlos Rovira
> > > > > > http://about.me/carlosrovira
> > > > > >
> > > > >
> > > >
> > > >
> > > > --
> > > > Carlos Rovira
> > > > http://about.me/carlosrovira
> > > >
> > >
> >
> >
> > --
> > Carlos Rovira
> > http://about.me/carlosrovira
> >
>


-- 
Carlos Rovira
http://about.me/carlosrovira

Re: Font bead and color

Posted by Hugo Ferreira <hf...@gmail.com>.
I started my framework extending all Royale components that I need and
adding a lot of properties (Flex style).
Now I'm decoupling all this properties as beads (Royale style) on my own
framework and I identify a few ones that could be on the Royale Framework
because are so generic.
For example Position and DataGridSort are two beads that I don't need any
more to have on my own code and use directly from the Royale Framework.

Yes, font style is on a very gray area.
Ususally defineded a css global level but there is a few use cases when we
need to override the global style behaviour.
On this place, I prefer to use a bead instead of working with style = ....
But I understand and use my own bead.

"finally nor related to this: for percentage width and height you don't need
to write percentageWidth="100", you can do width="100%""
Humm. In Flex world I always did width="100%" but here I saw the
percentageWidth property and I thought that it's the right way.
Why we have this redundante property on the first place ?


Carlos Rovira <ca...@apache.org> escreveu no dia sábado, 12/09/2020
à(s) 15:54:

> Hi,
>
> ok, we don't have any bead for font styling, but while padding or
> positioning are things that is usual people tune in mxml or as3, font
> changes used to happen at CSS level most of the time. Also, as we
> separate MVC parts, we should try to separate views from styles (CSS) and
> maybe in some cases skin (as we did in Flex 4 days). So adding as3 code to
> mix in mxml font styling (or other font things) seems to me not the way to
> go when organizing code in a final app (other things are quick examples)
>
> finally nor related to this: for percentage width and height you don't need
> to write percentageWidth="100", you can do width="100%"
>
> El sáb., 12 sept. 2020 a las 16:42, Hugo Ferreira (<hferreira.80@gmail.com
> >)
> escribió:
>
> > I'm talking in something like this:
> >
> > Bead:
> > package pt.solidsoft.framework.components.beads
> > {
> > import org.apache.royale.core.IBead;
> > import org.apache.royale.core.IStrand;
> > import org.apache.royale.core.UIBase;
> >
> > public class FontItalic implements IBead
> > {
> > public function set strand(value:IStrand):void
> > {
> > (value as UIBase).style = "font-style: italic";
> > }
> > }
> > }
> >
> > Usage:
> > ...
> > <c:Label text="Italic text sample">
> > <c:beads>
> > <fi:FontItalic/>
> > </c:beads>
> > </c:Label>
> > ...
> >
> > The same for bold and font size OR a font bead
> >
> > Carlos Rovira <ca...@apache.org> escreveu no dia sexta,
> 11/09/2020
> > à(s) 19:08:
> >
> > > Ok, I thought you were talking about font-face and so on.
> > > You have SizeControl and TextAlign beads, but I must say I want to
> update
> > > Sizecontrol a bit since sizes have changed a bit and that need to be
> > > adjusted.
> > >
> > > El vie., 11 sept. 2020 a las 20:02, Hugo Ferreira (<
> > hferreira.80@gmail.com
> > > >)
> > > escribió:
> > >
> > > > Usually, the application has a default style defined globally thus
> css,
> > > etc
> > > > ... but sometimes there are particular use cases where you need a
> bold,
> > > > italic or even different font size.
> > > > A bead should not be an opition ?
> > > >
> > > > Carlos Rovira <ca...@apache.org> escreveu no dia sexta,
> > > 11/09/2020
> > > > à(s) 18:31:
> > > >
> > > > > No. that is usually done vía CSS or in AS3/MXML vía style property
> or
> > > > > fx:Style tag.
> > > > >
> > > > >
> > > > > El vie., 11 sept. 2020 a las 18:29, Hugo Ferreira (<
> > > > hferreira.80@gmail.com
> > > > > >)
> > > > > escribió:
> > > > >
> > > > > > There is already a bead for color, font size and font style ?
> > > > > >
> > > > >
> > > > >
> > > > > --
> > > > > Carlos Rovira
> > > > > http://about.me/carlosrovira
> > > > >
> > > >
> > >
> > >
> > > --
> > > Carlos Rovira
> > > http://about.me/carlosrovira
> > >
> >
>
>
> --
> Carlos Rovira
> http://about.me/carlosrovira
>

Re: Font bead and color

Posted by Carlos Rovira <ca...@apache.org>.
Hi,

ok, we don't have any bead for font styling, but while padding or
positioning are things that is usual people tune in mxml or as3, font
changes used to happen at CSS level most of the time. Also, as we
separate MVC parts, we should try to separate views from styles (CSS) and
maybe in some cases skin (as we did in Flex 4 days). So adding as3 code to
mix in mxml font styling (or other font things) seems to me not the way to
go when organizing code in a final app (other things are quick examples)

finally nor related to this: for percentage width and height you don't need
to write percentageWidth="100", you can do width="100%"

El sáb., 12 sept. 2020 a las 16:42, Hugo Ferreira (<hf...@gmail.com>)
escribió:

> I'm talking in something like this:
>
> Bead:
> package pt.solidsoft.framework.components.beads
> {
> import org.apache.royale.core.IBead;
> import org.apache.royale.core.IStrand;
> import org.apache.royale.core.UIBase;
>
> public class FontItalic implements IBead
> {
> public function set strand(value:IStrand):void
> {
> (value as UIBase).style = "font-style: italic";
> }
> }
> }
>
> Usage:
> ...
> <c:Label text="Italic text sample">
> <c:beads>
> <fi:FontItalic/>
> </c:beads>
> </c:Label>
> ...
>
> The same for bold and font size OR a font bead
>
> Carlos Rovira <ca...@apache.org> escreveu no dia sexta, 11/09/2020
> à(s) 19:08:
>
> > Ok, I thought you were talking about font-face and so on.
> > You have SizeControl and TextAlign beads, but I must say I want to update
> > Sizecontrol a bit since sizes have changed a bit and that need to be
> > adjusted.
> >
> > El vie., 11 sept. 2020 a las 20:02, Hugo Ferreira (<
> hferreira.80@gmail.com
> > >)
> > escribió:
> >
> > > Usually, the application has a default style defined globally thus css,
> > etc
> > > ... but sometimes there are particular use cases where you need a bold,
> > > italic or even different font size.
> > > A bead should not be an opition ?
> > >
> > > Carlos Rovira <ca...@apache.org> escreveu no dia sexta,
> > 11/09/2020
> > > à(s) 18:31:
> > >
> > > > No. that is usually done vía CSS or in AS3/MXML vía style property or
> > > > fx:Style tag.
> > > >
> > > >
> > > > El vie., 11 sept. 2020 a las 18:29, Hugo Ferreira (<
> > > hferreira.80@gmail.com
> > > > >)
> > > > escribió:
> > > >
> > > > > There is already a bead for color, font size and font style ?
> > > > >
> > > >
> > > >
> > > > --
> > > > Carlos Rovira
> > > > http://about.me/carlosrovira
> > > >
> > >
> >
> >
> > --
> > Carlos Rovira
> > http://about.me/carlosrovira
> >
>


-- 
Carlos Rovira
http://about.me/carlosrovira

Re: Font bead and color

Posted by Hugo Ferreira <hf...@gmail.com>.
I'm talking in something like this:

Bead:
package pt.solidsoft.framework.components.beads
{
import org.apache.royale.core.IBead;
import org.apache.royale.core.IStrand;
import org.apache.royale.core.UIBase;

public class FontItalic implements IBead
{
public function set strand(value:IStrand):void
{
(value as UIBase).style = "font-style: italic";
}
}
}

Usage:
...
<c:Label text="Italic text sample">
<c:beads>
<fi:FontItalic/>
</c:beads>
</c:Label>
...

The same for bold and font size OR a font bead

Carlos Rovira <ca...@apache.org> escreveu no dia sexta, 11/09/2020
à(s) 19:08:

> Ok, I thought you were talking about font-face and so on.
> You have SizeControl and TextAlign beads, but I must say I want to update
> Sizecontrol a bit since sizes have changed a bit and that need to be
> adjusted.
>
> El vie., 11 sept. 2020 a las 20:02, Hugo Ferreira (<hferreira.80@gmail.com
> >)
> escribió:
>
> > Usually, the application has a default style defined globally thus css,
> etc
> > ... but sometimes there are particular use cases where you need a bold,
> > italic or even different font size.
> > A bead should not be an opition ?
> >
> > Carlos Rovira <ca...@apache.org> escreveu no dia sexta,
> 11/09/2020
> > à(s) 18:31:
> >
> > > No. that is usually done vía CSS or in AS3/MXML vía style property or
> > > fx:Style tag.
> > >
> > >
> > > El vie., 11 sept. 2020 a las 18:29, Hugo Ferreira (<
> > hferreira.80@gmail.com
> > > >)
> > > escribió:
> > >
> > > > There is already a bead for color, font size and font style ?
> > > >
> > >
> > >
> > > --
> > > Carlos Rovira
> > > http://about.me/carlosrovira
> > >
> >
>
>
> --
> Carlos Rovira
> http://about.me/carlosrovira
>

Re: Font bead and color

Posted by Carlos Rovira <ca...@apache.org>.
Ok, I thought you were talking about font-face and so on.
You have SizeControl and TextAlign beads, but I must say I want to update
Sizecontrol a bit since sizes have changed a bit and that need to be
adjusted.

El vie., 11 sept. 2020 a las 20:02, Hugo Ferreira (<hf...@gmail.com>)
escribió:

> Usually, the application has a default style defined globally thus css, etc
> ... but sometimes there are particular use cases where you need a bold,
> italic or even different font size.
> A bead should not be an opition ?
>
> Carlos Rovira <ca...@apache.org> escreveu no dia sexta, 11/09/2020
> à(s) 18:31:
>
> > No. that is usually done vía CSS or in AS3/MXML vía style property or
> > fx:Style tag.
> >
> >
> > El vie., 11 sept. 2020 a las 18:29, Hugo Ferreira (<
> hferreira.80@gmail.com
> > >)
> > escribió:
> >
> > > There is already a bead for color, font size and font style ?
> > >
> >
> >
> > --
> > Carlos Rovira
> > http://about.me/carlosrovira
> >
>


-- 
Carlos Rovira
http://about.me/carlosrovira

Re: Font bead and color

Posted by Hugo Ferreira <hf...@gmail.com>.
Usually, the application has a default style defined globally thus css, etc
... but sometimes there are particular use cases where you need a bold,
italic or even different font size.
A bead should not be an opition ?

Carlos Rovira <ca...@apache.org> escreveu no dia sexta, 11/09/2020
à(s) 18:31:

> No. that is usually done vía CSS or in AS3/MXML vía style property or
> fx:Style tag.
>
>
> El vie., 11 sept. 2020 a las 18:29, Hugo Ferreira (<hferreira.80@gmail.com
> >)
> escribió:
>
> > There is already a bead for color, font size and font style ?
> >
>
>
> --
> Carlos Rovira
> http://about.me/carlosrovira
>

Re: Font bead and color

Posted by Carlos Rovira <ca...@apache.org>.
No. that is usually done vía CSS or in AS3/MXML vía style property or
fx:Style tag.


El vie., 11 sept. 2020 a las 18:29, Hugo Ferreira (<hf...@gmail.com>)
escribió:

> There is already a bead for color, font size and font style ?
>


-- 
Carlos Rovira
http://about.me/carlosrovira