Hello Nicolas,
Usually if cannot see something in the code there are two options:
1. Something has been done in css file - in case of Jewel it is here [1].
Even if there is no class assigned (explicitly) in code sometimes it may
have been situation that someone wanted to have same behavior in whole
application for a component so he would just overwrite css for a component.
For example in order to overwrite some behavior for every button in
application you would do:
.jewel.button {
}
2. Internally in framework code there has been assigned some styles or css
class which makes behavior which you are trying to understand.
I believe your case is 2. In FormItemView bead which is part of Form is
being assigned labelAlign from model [2]. When we look into the model we
can see default value for labelAlign [3].
I'm in Royale from the beginning, so there were times were there wasn't any
documentation in framework at all, even now we don't have enough. In order
to understand something which is not obvious I was simply looking into the
code for each part of components. In order to find each part you can take a
look into main css of Jewel [4]. When you search "j|Form" you will be able
to find each part of Form. That approach works for any component. It give a
bit more internal knowledge about Royale and understanding over a time.
I hope it helps instead of gets you more confusion. ;)
[1]
https://github.com/apache/royale-asjs/blob/develop/examples/jewel/TourDeJewel/src/main/resources/jewel-example-styles.css
[2]
https://github.com/apache/royale-asjs/blob/426a93e68d6ebe356df21e7b68bb7c60cdf539f3/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/FormItemView.as#L190
[3]
https://github.com/apache/royale-asjs/blob/3877171715b2843add477264f07dba7f328f5ce8/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/models/FormItemModel.as#L87
[4]
https://github.com/apache/royale-asjs/blob/develop/frameworks/projects/Jewel/src/main/resources/defaults.css
Thanks,
Piotr
pon., 25 maj 2020 o 08:03 Nicolas Aguttes <[email protected]>
napisał(a):
> Hello all,
>
> Sorry if this is a dumb question, but looking at the tour de jewel, I was
> wondering how do you achieve the right align for the labels and the left
> align for input in the form validation (
> https://royale.apache.org/tourdejewel/#!form_validation_panel).
> I looked at the source code and did not see the corresponding code (like
> rightalign)
>
> Thanks
> Nicolas
>
--
Piotr Zarzycki
Patreon: *https://www.patreon.com/piotrzarzycki
<https://www.patreon.com/piotrzarzycki>*
