Carlos,
I think I got it. It looks like we don't need IFormItemLayout as you said,
cause I should be able to manipulate content of my FormItem by doing that:
IBeadLayout:
ClassReference("org.apache.royale.jewel.beads.layouts.HorizontalLayout");
IFormItemContentArea: ClassReference("org.apache.royale.jewel.HGroup");
However above code won't work cause you have this [1] - transferLayoutBead
is being added to contentArea you have now in output code for content area
something weird. [2]
To me IBeadLayout - shouldn't be transfered to content - Are you agree ?
[1] https://paste.apache.org/m9ST
[2] https://paste.apache.org/9Orx
Thanks,
Piotr
sob., 26 sty 2019 o 12:18 Carlos Rovira <[email protected]>
napisał(a):
> Piotr, I think I don't think we need and IFormItemLayout.
> IBeadLayout seems sufficient for me, since that layout will be based just
> on css selectors that are in the end what solves the layout
>
> El sáb., 26 ene. 2019 a las 12:00, Piotr Zarzycki (<
> [email protected]>) escribió:
>
> > Too bad that you didn't understand me. Just question to above
> requirements
> > - What in your opinion should do layout added trough -> *IFormItemLayout
> > ?*
> >
> > sob., 26 sty 2019 o 11:54 Carlos Rovira <[email protected]>
> > napisał(a):
> >
> > > Hi Piotr,
> > >
> > > Don't think if I understand right your exposition. I'll try to write in
> > > words what I expect from a FormItemLayout and let me know if we're
> > thinking
> > > on the same.
> > >
> > > We want to have a specialized layout for FormItem that support
> horizontal
> > > and stacked form item layouts. At this point we can choose to have 2
> > > layouts or only 1.
> > > Since we always have 2, maybe that's the best way to go :
> > > HorizontalFormItemLayout and VerticalFormItemLayout.
> > >
> > > HorizontalFormItemLayout: should put label, required indicator and
> > content
> > > in the same "row", o mostly as HorizontalLayout does, and will be equal
> > to
> > > what we have now.
> > >
> > > VerticalFormItemLayout should put Label followed by requiredIndicator
> in
> > a
> > > row and just below, the content part. *Or* Label in a row and below
> > Content
> > > followed by requited Indicator
> > > (I think this should be configurable in some way, or implement a case
> and
> > > made and additional layout for the other, so we can have both).
> > >
> > > Some technical needs:
> > >
> > > * All we'll be solved using CSS and css class selectors as with the
> rest
> > of
> > > Jewel Layouts and phyloshopy
> > > * We'll continue using flexbox since is the standard in Jewel
> > > * We can use the flexbox order to have a property that puts content
> > before
> > > required indicator or viceversa using a property in the layout.
> > > * I think FormItemView would need to adapt to this, and maybe will need
> > two
> > > Views to support each layout (don't have clear now)
> > >
> > >
> > >
> > >
> > > El vie., 25 ene. 2019 a las 16:23, Piotr Zarzycki (<
> > > [email protected]>) escribió:
> > >
> > > > I won't follow Flex, so if you would like to do this I'm fine. I'm
> > going
> > > to
> > > > implement my own View in my application. I won't commit it to Royale.
> > > > However I would like to fix issue with layout. Currently IBeadLayout
> -
> > Is
> > > > making whole FormItem vertical or horizontal. *IFormItemLayout -
> Should
> > > > treat content appropriately, but it doesn't do anything. I would like
> > to
> > > > change it in the following way:*
> > > >
> > > > *IBeadLayout do:*
> > > >
> > > > *1) When user: IBeadLayout:
> > > >
> > ClassReference("org.apache.royale.jewel.beads.layouts.VerticalLayout");*
> > > > L
> > > > C
> > > > *2) When user: **IBeadLayout:
> > > >
> > >
> >
> ClassReference("org.apache.royale.jewel.beads.layouts.HorizontalLayout");*
> > > > *L C*
> > > >
> > > > *IFormItemLayout will do:*
> > > > 1) IFormItemLayout:
> > > >
> > ClassReference("org.apache.royale.jewel.beads.layouts.HorizontalLayout");
> > > > and #1 - *IBeadLayout*
> > > > L
> > > > C - Set children Horizotnally
> > > > 2) IFormItemLayout:
> > > >
> > ClassReference("org.apache.royale.jewel.beads.layouts.HorizontalLayout");
> > > > and #2 - *IBeadLayout*
> > > > *L*
> > > > *C - Set children Vertically*
> > > >
> > > > *Thoughts ?*
> > > >
> > > > Piotr
> > > >
> > > >
> > > >
> > > > pt., 25 sty 2019 o 16:13 Carlos Rovira <[email protected]>
> > > > napisał(a):
> > > >
> > > > > Ops!,
> > > > >
> > > > > ok, since I was using the other layout I was in the believe that
> was
> > > the
> > > > > standard. So if we want to follow flex, we can change the current
> as
> > > > well.
> > > > >
> > > > > El jue., 24 ene. 2019 a las 18:34, Piotr Zarzycki (<
> > > > > [email protected]>) escribió:
> > > > >
> > > > > > Nope - I just checked [1] - Code [2] - You are showing me some
> > custom
> > > > > > implementation.
> > > > > >
> > > > > > [1] https://imgur.com/INKlfcC
> > > > > > [2] https://paste.apache.org/jyrl
> > > > > >
> > > > > > czw., 24 sty 2019 o 18:20 Carlos Rovira <[email protected]
> >
> > > > > > napisał(a):
> > > > > >
> > > > > > > Piotr,
> > > > > > >
> > > > > > > in Flex we have the same align (as we have now in Royale),
> check
> > > this
> > > > > > > image: url
> > > > > > > <
> > > > > > >
> > > > > >
> > > > >
> > > >
> > >
> >
> https://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=2ahUKEwi1uZfN9obgAhVFuVkKHeyzC0MQjRx6BAgBEAU&url=https%3A%2F%2Fbutterfliesandbugs.wordpress.com%2F2011%2F03%2F29%2Fusing-a-spark-form-with-validators%2F&psig=AOvVaw0vM1bn9Ehq9ZHLqtzJ-gc1&ust=1548436757385249
> > > > > > > >
> > > > > > >
> > > > > > > El jue., 24 ene. 2019 a las 18:03, Piotr Zarzycki (<
> > > > > > > [email protected]>) escribió:
> > > > > > >
> > > > > > > > If we are going in that direction it requires as well work
> were
> > > > > > indicator
> > > > > > > > in case of L* C (current implementation) will be changed to L
> > C*
> > > -
> > > > > Yes
> > > > > > ?
> > > > > > > -
> > > > > > > > Being consistent it should be like that.
> > > > > > > >
> > > > > > > > I'm not sure what the trends are in that case.
> > > > > > > >
> > > > > > > > czw., 24 sty 2019 o 17:51 Carlos Rovira <
> > [email protected]
> > > >
> > > > > > > > napisał(a):
> > > > > > > >
> > > > > > > > > Hi Piotr,
> > > > > > > > >
> > > > > > > > > since is what you show in the flex version.
> > > > > > > > > I think Adobe put side to content instead of side to label
> > > since
> > > > > the
> > > > > > > user
> > > > > > > > > fill the content elements and if not filled and required ,
> > the
> > > > > > tooltip
> > > > > > > > > should popup there.
> > > > > > > > > IOW, for usability, seems more appropriated the way flex
> > > > layedout,
> > > > > or
> > > > > > > > seems
> > > > > > > > > more natural.
> > > > > > > > >
> > > > > > > > > El jue., 24 ene. 2019 a las 17:30, Piotr Zarzycki (<
> > > > > > > > > [email protected]>) escribió:
> > > > > > > > >
> > > > > > > > > > Carlos,
> > > > > > > > > >
> > > > > > > > > > Why you are proposing have that?
> > > > > > > > > >
> > > > > > > > > > L
> > > > > > > > > > C *
> > > > > > > > > >
> > > > > > > > > > I'm in favor of staying
> > > > > > > > > >
> > > > > > > > > > L *
> > > > > > > > > > C
> > > > > > > > > >
> > > > > > > > > > Thanks,
> > > > > > > > > > Piotr
> > > > > > > > > >
> > > > > > > > > > On Thu, Jan 24, 2019, 4:56 PM Carlos Rovira <
> > > > > > [email protected]
> > > > > > > >
> > > > > > > > > > wrote:
> > > > > > > > > >
> > > > > > > > > > > I forgot to mention about IBeadLayout more, since it
> > could
> > > be
> > > > > > > > > > > misinterpreted:
> > > > > > > > > > >
> > > > > > > > > > > IBeadLayout for the global component is important, but
> > what
> > > > I'm
> > > > > > > > > > considering
> > > > > > > > > > > is that although we can put HorizontalLayout (for the
> > > current
> > > > > > > > > FormtItem)
> > > > > > > > > > > and VerticalLayout (for the stacked), I'm seeing that
> > many
> > > > > > > components
> > > > > > > > > > would
> > > > > > > > > > > need its own layout class. In this case we could
> create a
> > > > > > > > > FormItemLayout,
> > > > > > > > > > > and this will handle the layout vía CSS as it happens
> > > mostly
> > > > in
> > > > > > > many
> > > > > > > > > > other
> > > > > > > > > > > Jewel component.
> > > > > > > > > > >
> > > > > > > > > > > (Just say that some of them are using an standard
> layout
> > > > class,
> > > > > > > like
> > > > > > > > > > > HorizontalLayout, or even a NullLayout class), since I
> > > didn't
> > > > > > have
> > > > > > > > the
> > > > > > > > > > time
> > > > > > > > > > > to create its own one, and that's temporal. But my plan
> > is
> > > to
> > > > > > > create
> > > > > > > > a
> > > > > > > > > > > concrete layout for some of this components. FormItem
> > could
> > > > be
> > > > > > one
> > > > > > > of
> > > > > > > > > > those
> > > > > > > > > > > cases, for what we're seeing
> > > > > > > > > > >
> > > > > > > > > > >
> > > > > > > > > > >
> > > > > > > > > > >
> > > > > > > > > > >
> > > > > > > > > > > El jue., 24 ene. 2019 a las 16:50, Carlos Rovira (<
> > > > > > > > > > [email protected]
> > > > > > > > > > > >)
> > > > > > > > > > > escribió:
> > > > > > > > > > >
> > > > > > > > > > > > Hi Piotr,
> > > > > > > > > > > >
> > > > > > > > > > > > looking at the screen shot, seems the required
> > indicator
> > > is
> > > > > > > > > positioned
> > > > > > > > > > to
> > > > > > > > > > > > the right side of the element, what seems coherent,
> > > > although
> > > > > > > could
> > > > > > > > > be a
> > > > > > > > > > > bit
> > > > > > > > > > > > problematic depending on the width of the component.
> we
> > > > > assume
> > > > > > a
> > > > > > > > > fixed
> > > > > > > > > > > > width (to the widest element) and align all required
> > (or
> > > > not
> > > > > a
> > > > > > > put
> > > > > > > > > the
> > > > > > > > > > > > required indicator just before the element, anyway
> this
> > > > seems
> > > > > > > > > something
> > > > > > > > > > > to
> > > > > > > > > > > > be solved as we have some real implementation.
> > > > > > > > > > > >
> > > > > > > > > > > > In order to implement it:
> > > > > > > > > > > >
> > > > > > > > > > > > We have 3 parts:
> > > > > > > > > > > > - L (this is the label)
> > > > > > > > > > > > - * (this is the required indicator)
> > > > > > > > > > > > - C (this is the element(s) that the user adds)
> > > > > > > > > > > >
> > > > > > > > > > > > * Actual FormItem is :
> > > > > > > > > > > >
> > > > > > > > > > > > L * C
> > > > > > > > > > > >
> > > > > > > > > > > > * We want for the new
> > > > > > > > > > > >
> > > > > > > > > > > > L
> > > > > > > > > > > > C *
> > > > > > > > > > > >
> > > > > > > > > > > > So it seems to me that
> > > > > > > > > > > >
> > > > > > > > > > > > a) IBeadLayout: ClassReference(
> > > > > > > > > > > >
> > "org.apache.royale.jewel.beads.layouts.HorizontalLayout")
> > > > > > > > > > > > Does not has much sense to me
> > > > > > > > > > > >
> > > > > > > > > > > > b) IFormItemLayout: ClassReference(
> > > > > > > > > > > >
> "org.apache.royale.jewel.beads.layouts.VerticalLayout")
> > > > > > > > > > > >
> > > > > > > > > > > > This is the one important to me (to configure), so
> user
> > > can
> > > > > > > change
> > > > > > > > > > layout
> > > > > > > > > > > > of the content part
> > > > > > > > > > > >
> > > > > > > > > > > > c) IBeadView: ClassReference(
> > > > > > > > > > > > "org.apache.royale.jewel.beads.views.FormItemView")
> > > > > > > > > > > > IFormItemContentArea:
> > > > > > > > ClassReference("org.apache.royale.jewel.Group")
> > > > > > > > > > > >
> > > > > > > > > > > > These are the parts important to me.
> > > > > > > > > > > >
> > > > > > > > > > > > I think we really want to change only the IBeadView,
> so
> > > we
> > > > > can
> > > > > > > > have a
> > > > > > > > > > > > FormItemView and a StackedFormItemView, and could
> > change
> > > it
> > > > > vía
> > > > > > > > > > className
> > > > > > > > > > > > (for example)
> > > > > > > > > > > >
> > > > > > > > > > > > Let me know your thought about it
> > > > > > > > > > > >
> > > > > > > > > > > > thanks
> > > > > > > > > > > >
> > > > > > > > > > > > Carlos
> > > > > > > > > > > >
> > > > > > > > > > > >
> > > > > > > > > > > >
> > > > > > > > > > > >
> > > > > > > > > > > >
> > > > > > > > > > > >
> > > > > > > > > > > >
> > > > > > > > > > > >
> > > > > > > > > > > >
> > > > > > > > > > > > El jue., 24 ene. 2019 a las 16:08, Piotr Zarzycki (<
> > > > > > > > > > > > [email protected]>) escribió:
> > > > > > > > > > > >
> > > > > > > > > > > >> Carlos,
> > > > > > > > > > > >>
> > > > > > > > > > > >> I have analyzed FormItem in Flex and here is how it
> is
> > > > done
> > > > > > > there.
> > > > > > > > > > > >> StackedFormItemSkin is using FormItemLayout which is
> > > > > > constrained
> > > > > > > > > into
> > > > > > > > > > 3
> > > > > > > > > > > >> columns (sequenceCol, contentCol and helpCol) and 2
> > > rows.
> > > > > > [1][2]
> > > > > > > > > > > >>
> > > > > > > > > > > >> When you look into the screenshot [2] you may think
> > that
> > > > > > reuired
> > > > > > > > > > > indicator
> > > > > > > > > > > >> is part of the content, but it's not. It's not even
> > part
> > > > of
> > > > > > the
> > > > > > > > > layout
> > > > > > > > > > > >> cause it has includeInLayout="false". [3]
> > > > > > > > > > > >> In Royale we don't have concept that something
> doesn't
> > > > > belong
> > > > > > to
> > > > > > > > > > layout
> > > > > > > > > > > >> and
> > > > > > > > > > > >> is not calculated and indicator default is being
> > placed
> > > in
> > > > > > > > different
> > > > > > > > > > > area.
> > > > > > > > > > > >> Do you have some idea apart what I have proposed how
> > to
> > > > > > resolve
> > > > > > > > > that ?
> > > > > > > > > > > >>
> > > > > > > > > > > >> [1] https://paste.apache.org/9Imj
> > > > > > > > > > > >> [2] https://imgur.com/GGOtzEU
> > > > > > > > > > > >> [3] https://paste.apache.org/kqlP
> > > > > > > > > > > >>
> > > > > > > > > > > >> Thanks,
> > > > > > > > > > > >> Piotr
> > > > > > > > > > > >>
> > > > > > > > > > > >>
> > > > > > > > > > > >> śr., 23 sty 2019 o 18:08 Piotr Zarzycki <
> > > > > > > > [email protected]>
> > > > > > > > > > > >> napisał(a):
> > > > > > > > > > > >>
> > > > > > > > > > > >> > That's more clear to me. I will check and get back
> > to
> > > > you.
> > > > > > > > > > > >> >
> > > > > > > > > > > >> > Thank you!
> > > > > > > > > > > >> >
> > > > > > > > > > > >> >
> > > > > > > > > > > >> > śr., 23 sty 2019 o 18:03 Carlos Rovira <
> > > > > > > [email protected]
> > > > > > > > >
> > > > > > > > > > > >> > napisał(a):
> > > > > > > > > > > >> >
> > > > > > > > > > > >> >> No,
> > > > > > > > > > > >> >>
> > > > > > > > > > > >> >> I was asking you about how flex solves visualy
> the
> > > > > problem
> > > > > > in
> > > > > > > > > their
> > > > > > > > > > > >> >> stacked
> > > > > > > > > > > >> >> version. The required icon is setup next to the
> > > label?
> > > > is
> > > > > > in
> > > > > > > > > other
> > > > > > > > > > > >> place?
> > > > > > > > > > > >> >> if we had an image of how it is designed (and
> like
> > > it),
> > > > > we
> > > > > > > can
> > > > > > > > > copy
> > > > > > > > > > > >> it. I
> > > > > > > > > > > >> >> still not proposing a technical solution. Just
> > that I
> > > > > don't
> > > > > > > > have
> > > > > > > > > > > clear
> > > > > > > > > > > >> how
> > > > > > > > > > > >> >> we should layout it
> > > > > > > > > > > >> >>
> > > > > > > > > > > >> >> El mié., 23 ene. 2019 a las 17:29, Piotr Zarzycki
> > (<
> > > > > > > > > > > >> >> [email protected]>) escribió:
> > > > > > > > > > > >> >>
> > > > > > > > > > > >> >> > Carlos,
> > > > > > > > > > > >> >> >
> > > > > > > > > > > >> >> > Your suggestion is to have new form item
> > > > > > (StackedFormItem)
> > > > > > > > with
> > > > > > > > > > new
> > > > > > > > > > > >> >> > StackedFormItemView - cause problem is inside
> > > > > > FormitemView,
> > > > > > > > not
> > > > > > > > > > > >> inside
> > > > > > > > > > > >> >> > layout itself. Current layout is doing what it
> > > should
> > > > > do
> > > > > > -
> > > > > > > > > apart
> > > > > > > > > > of
> > > > > > > > > > > >> the
> > > > > > > > > > > >> >> > problem - it's making children to be
> > > > > Horizontal/Vertical.
> > > > > > > > > > > >> >> >
> > > > > > > > > > > >> >> > If I'm correct what you are saying - that's ok,
> > but
> > > > if
> > > > > > you
> > > > > > > > have
> > > > > > > > > > had
> > > > > > > > > > > >> >> > different idea by saying above let me know.
> > > > > > > > > > > >> >> >
> > > > > > > > > > > >> >> > Thanks, Piotr
> > > > > > > > > > > >> >> >
> > > > > > > > > > > >> >> > śr., 23 sty 2019 o 17:14 Carlos Rovira <
> > > > > > > > > [email protected]>
> > > > > > > > > > > >> >> > napisał(a):
> > > > > > > > > > > >> >> >
> > > > > > > > > > > >> >> > > Ok, I understand now.
> > > > > > > > > > > >> >> > >
> > > > > > > > > > > >> >> > > In Flex I think we had that layout and was
> > > > > > > > > > > >> called....StackedFormItem
> > > > > > > > > > > >> >> or
> > > > > > > > > > > >> >> > > something like that?
> > > > > > > > > > > >> >> > > Could you check how Flex solve this? If we
> > > continue
> > > > > > > liking
> > > > > > > > > the
> > > > > > > > > > > way
> > > > > > > > > > > >> >> > stacked
> > > > > > > > > > > >> >> > > form layout in flex looks, we can do the same
> > for
> > > > our
> > > > > > > > Royale
> > > > > > > > > > > >> version
> > > > > > > > > > > >> >> > >
> > > > > > > > > > > >> >> > >
> > > > > > > > > > > >> >> > > El mié., 23 ene. 2019 a las 16:38, Piotr
> > Zarzycki
> > > > (<
> > > > > > > > > > > >> >> > > [email protected]>) escribió:
> > > > > > > > > > > >> >> > >
> > > > > > > > > > > >> >> > > > I'm not sure how Serkan is doing that on
> > users
> > > > > forum,
> > > > > > > > but I
> > > > > > > > > > see
> > > > > > > > > > > >> all
> > > > > > > > > > > >> >> > hist
> > > > > > > > > > > >> >> > > > pasted images. Anyway here you go:
> > > > > > > > > > > >> >> > > >
> > > > > > > > > > > >> >> > > > What I wanted to achieve:
> > > > > https://snag.gy/DmH7yk.jpg
> > > > > > > > > > > >> >> > > > What I got from Jewel FormItem:
> > > > > > > > https://snag.gy/Slfbt9.jpg
> > > > > > > > > > > >> >> > > >
> > > > > > > > > > > >> >> > > > śr., 23 sty 2019 o 16:28 Carlos Rovira <
> > > > > > > > > > > [email protected]>
> > > > > > > > > > > >> >> > > > napisał(a):
> > > > > > > > > > > >> >> > > >
> > > > > > > > > > > >> >> > > > > Piotr,
> > > > > > > > > > > >> >> > > > >
> > > > > > > > > > > >> >> > > > > remember that images pasted in list are
> not
> > > > > shared,
> > > > > > > you
> > > > > > > > > > must
> > > > > > > > > > > >> share
> > > > > > > > > > > >> >> > with
> > > > > > > > > > > >> >> > > > > some image service
> > > > > > > > > > > >> >> > > > >
> > > > > > > > > > > >> >> > > > > El mié., 23 ene. 2019 a las 16:14, Piotr
> > > > Zarzycki
> > > > > > (<
> > > > > > > > > > > >> >> > > > > [email protected]>) escribió:
> > > > > > > > > > > >> >> > > > >
> > > > > > > > > > > >> >> > > > > > There is one more problem with Layout.
> > > > > Currently
> > > > > > > > > default
> > > > > > > > > > in
> > > > > > > > > > > >> >> > framework
> > > > > > > > > > > >> >> > > > we
> > > > > > > > > > > >> >> > > > > > have [1]. It means that:
> > > > > > > > > > > >> >> > > > > >
> > > > > > > > > > > >> >> > > > > > My content of FormItem will be vertical
> > and
> > > > > > > > IBeadLayout
> > > > > > > > > > is
> > > > > > > > > > > >> >> > basically
> > > > > > > > > > > >> >> > > > > > ignored at some point. If I specify
> > beads -
> > > > > > > > > > > HorizontalLayout
> > > > > > > > > > > >> as
> > > > > > > > > > > >> >> it
> > > > > > > > > > > >> >> > is
> > > > > > > > > > > >> >> > > > in
> > > > > > > > > > > >> >> > > > > > above example it will be taken as a
> > primary
> > > > > and I
> > > > > > > > have
> > > > > > > > > my
> > > > > > > > > > > >> >> content
> > > > > > > > > > > >> >> > > > laying
> > > > > > > > > > > >> >> > > > > > out horizontally. The question is -
> what
> > is
> > > > for
> > > > > > > > > > > >> >> IFormItemLayout in
> > > > > > > > > > > >> >> > > > > > default.css? Is it a bug?
> > > > > > > > > > > >> >> > > > > >
> > > > > > > > > > > >> >> > > > > > [1] https://paste.apache.org/rV0K
> > > > > > > > > > > >> >> > > > > >
> > > > > > > > > > > >> >> > > > > > śr., 23 sty 2019 o 15:46 Piotr
> Zarzycki <
> > > > > > > > > > > >> >> [email protected]
> > > > > > > > > > > >> >> > >
> > > > > > > > > > > >> >> > > > > > napisał(a):
> > > > > > > > > > > >> >> > > > > >
> > > > > > > > > > > >> >> > > > > >> Hi Carlos,
> > > > > > > > > > > >> >> > > > > >>
> > > > > > > > > > > >> >> > > > > >> I'm was trying to change FormItem to
> be
> > > > > Vertical
> > > > > > > > > > oriented.
> > > > > > > > > > > >> In
> > > > > > > > > > > >> >> > > general
> > > > > > > > > > > >> >> > > > I
> > > > > > > > > > > >> >> > > > > >> would like to have following view.
> Label
> > > of
> > > > > > > FormItem
> > > > > > > > > is
> > > > > > > > > > on
> > > > > > > > > > > >> the
> > > > > > > > > > > >> >> top
> > > > > > > > > > > >> >> > > and
> > > > > > > > > > > >> >> > > > > in
> > > > > > > > > > > >> >> > > > > >> the bottom is content.
> > > > > > > > > > > >> >> > > > > >>
> > > > > > > > > > > >> >> > > > > >> [image: image.png]
> > > > > > > > > > > >> >> > > > > >>
> > > > > > > > > > > >> >> > > > > >> Code for that will looks like that
> [1].
> > > > > Results
> > > > > > is
> > > > > > > > > > > >> following:
> > > > > > > > > > > >> >> > > > > >>
> > > > > > > > > > > >> >> > > > > >> [image: image.png]
> > > > > > > > > > > >> >> > > > > >>
> > > > > > > > > > > >> >> > > > > >> It happened cause Label and required
> > star
> > > > > label
> > > > > > > are
> > > > > > > > > > > >> different
> > > > > > > > > > > >> >> > > > components
> > > > > > > > > > > >> >> > > > > >> - everything is being laying out
> > > vertically.
> > > > > > What
> > > > > > > is
> > > > > > > > > > your
> > > > > > > > > > > >> >> > suggestion
> > > > > > > > > > > >> >> > > > to
> > > > > > > > > > > >> >> > > > > fix
> > > > > > > > > > > >> >> > > > > >> that ?
> > > > > > > > > > > >> >> > > > > >>
> > > > > > > > > > > >> >> > > > > >> Mine is wrapping "First name" and "*"
> > into
> > > > one
> > > > > > > Group
> > > > > > > > > > with
> > > > > > > > > > > >> >> > > > > >> HorizontalLayout.
> > > > > > > > > > > >> >> > > > > >>
> > > > > > > > > > > >> >> > > > > >> More thoughts are welcome. I hope you
> > see
> > > > > > > > screenshots.
> > > > > > > > > > :)
> > > > > > > > > > > >> >> > > > > >>
> > > > > > > > > > > >> >> > > > > >> [1] https://paste.apache.org/5odt
> > > > > > > > > > > >> >> > > > > >>
> > > > > > > > > > > >> >> > > > > >> Thanks,
> > > > > > > > > > > >> >> > > > > >> --
> > > > > > > > > > > >> >> > > > > >>
> > > > > > > > > > > >> >> > > > > >> Piotr Zarzycki
> > > > > > > > > > > >> >> > > > > >>
> > > > > > > > > > > >> >> > > > > >> Patreon: *
> > > > > https://www.patreon.com/piotrzarzycki
> > > > > > > > > > > >> >> > > > > >> <
> https://www.patreon.com/piotrzarzycki
> > >*
> > > > > > > > > > > >> >> > > > > >>
> > > > > > > > > > > >> >> > > > > >
> > > > > > > > > > > >> >> > > > > >
> > > > > > > > > > > >> >> > > > > > --
> > > > > > > > > > > >> >> > > > > >
> > > > > > > > > > > >> >> > > > > > Piotr Zarzycki
> > > > > > > > > > > >> >> > > > > >
> > > > > > > > > > > >> >> > > > > > Patreon: *
> > > > > https://www.patreon.com/piotrzarzycki
> > > > > > > > > > > >> >> > > > > > <https://www.patreon.com/piotrzarzycki
> >*
> > > > > > > > > > > >> >> > > > > >
> > > > > > > > > > > >> >> > > > >
> > > > > > > > > > > >> >> > > > >
> > > > > > > > > > > >> >> > > > > --
> > > > > > > > > > > >> >> > > > > Carlos Rovira
> > > > > > > > > > > >> >> > > > > http://about.me/carlosrovira
> > > > > > > > > > > >> >> > > > >
> > > > > > > > > > > >> >> > > >
> > > > > > > > > > > >> >> > > >
> > > > > > > > > > > >> >> > > > --
> > > > > > > > > > > >> >> > > >
> > > > > > > > > > > >> >> > > > Piotr Zarzycki
> > > > > > > > > > > >> >> > > >
> > > > > > > > > > > >> >> > > > Patreon: *
> > > https://www.patreon.com/piotrzarzycki
> > > > > > > > > > > >> >> > > > <https://www.patreon.com/piotrzarzycki>*
> > > > > > > > > > > >> >> > > >
> > > > > > > > > > > >> >> > >
> > > > > > > > > > > >> >> > >
> > > > > > > > > > > >> >> > > --
> > > > > > > > > > > >> >> > > Carlos Rovira
> > > > > > > > > > > >> >> > > http://about.me/carlosrovira
> > > > > > > > > > > >> >> > >
> > > > > > > > > > > >> >> >
> > > > > > > > > > > >> >> >
> > > > > > > > > > > >> >> > --
> > > > > > > > > > > >> >> >
> > > > > > > > > > > >> >> > Piotr Zarzycki
> > > > > > > > > > > >> >> >
> > > > > > > > > > > >> >> > Patreon: *
> https://www.patreon.com/piotrzarzycki
> > > > > > > > > > > >> >> > <https://www.patreon.com/piotrzarzycki>*
> > > > > > > > > > > >> >> >
> > > > > > > > > > > >> >>
> > > > > > > > > > > >> >>
> > > > > > > > > > > >> >> --
> > > > > > > > > > > >> >> Carlos Rovira
> > > > > > > > > > > >> >> http://about.me/carlosrovira
> > > > > > > > > > > >> >>
> > > > > > > > > > > >> >
> > > > > > > > > > > >> >
> > > > > > > > > > > >> > --
> > > > > > > > > > > >> >
> > > > > > > > > > > >> > Piotr Zarzycki
> > > > > > > > > > > >> >
> > > > > > > > > > > >> > Patreon: *https://www.patreon.com/piotrzarzycki
> > > > > > > > > > > >> > <https://www.patreon.com/piotrzarzycki>*
> > > > > > > > > > > >> >
> > > > > > > > > > > >>
> > > > > > > > > > > >>
> > > > > > > > > > > >> --
> > > > > > > > > > > >>
> > > > > > > > > > > >> Piotr Zarzycki
> > > > > > > > > > > >>
> > > > > > > > > > > >> Patreon: *https://www.patreon.com/piotrzarzycki
> > > > > > > > > > > >> <https://www.patreon.com/piotrzarzycki>*
> > > > > > > > > > > >>
> > > > > > > > > > > >
> > > > > > > > > > > >
> > > > > > > > > > > > --
> > > > > > > > > > > > Carlos Rovira
> > > > > > > > > > > > http://about.me/carlosrovira
> > > > > > > > > > > >
> > > > > > > > > > > >
> > > > > > > > > > >
> > > > > > > > > > > --
> > > > > > > > > > > Carlos Rovira
> > > > > > > > > > > http://about.me/carlosrovira
> > > > > > > > > > >
> > > > > > > > > >
> > > > > > > > >
> > > > > > > > >
> > > > > > > > > --
> > > > > > > > > Carlos Rovira
> > > > > > > > > http://about.me/carlosrovira
> > > > > > > > >
> > > > > > > >
> > > > > > > >
> > > > > > > > --
> > > > > > > >
> > > > > > > > Piotr Zarzycki
> > > > > > > >
> > > > > > > > Patreon: *https://www.patreon.com/piotrzarzycki
> > > > > > > > <https://www.patreon.com/piotrzarzycki>*
> > > > > > > >
> > > > > > >
> > > > > > >
> > > > > > > --
> > > > > > > Carlos Rovira
> > > > > > > http://about.me/carlosrovira
> > > > > > >
> > > > > >
> > > > > >
> > > > > > --
> > > > > >
> > > > > > Piotr Zarzycki
> > > > > >
> > > > > > Patreon: *https://www.patreon.com/piotrzarzycki
> > > > > > <https://www.patreon.com/piotrzarzycki>*
> > > > > >
> > > > >
> > > > >
> > > > > --
> > > > > Carlos Rovira
> > > > > http://about.me/carlosrovira
> > > > >
> > > >
> > > >
> > > > --
> > > >
> > > > Piotr Zarzycki
> > > >
> > > > Patreon: *https://www.patreon.com/piotrzarzycki
> > > > <https://www.patreon.com/piotrzarzycki>*
> > > >
> > >
> > >
> > > --
> > > Carlos Rovira
> > > http://about.me/carlosrovira
> > >
> >
> >
> > --
> >
> > Piotr Zarzycki
> >
> > Patreon: *https://www.patreon.com/piotrzarzycki
> > <https://www.patreon.com/piotrzarzycki>*
> >
>
>
> --
> Carlos Rovira
> http://about.me/carlosrovira
>
--
Piotr Zarzycki
Patreon: *https://www.patreon.com/piotrzarzycki
<https://www.patreon.com/piotrzarzycki>*
