Eclipse Community Forums: Eclipse Scout

Home » Eclipse Projects » Eclipse Scout » Layout Management(Management position fields on the form in Scout)

Fri, 01 March 2013 03:06

Eclipse User

Hi,
I'm again here with a new problem.
This time my problem is organizing the layout of a form, in my form I have many fields (text, checkbox, smart field) divided by different group box. Some of these group box are within other.
My problem is that I cannot sizing correctly the fields and especially they overlap (see image as example)
index.php/fa/13623/0/

I tried various combinations of the following properties:
- Fill Horizontal
- Grid X
- Grid Y
- Grid Weight X
- Grid Use UI Width
- Width In Pixel

Thanks in advance for help

Attachment: Layout.png
(Size: 7.97KB, Downloaded 746 times)

Re: Layout Management [message #1015570 is a reply to message #1015540]

Fri, 01 March 2013 04:13

Eclipse User

I agree that there is a lot of configuration possibility and not all of them are fully explainded... I will try to provide some information on the properties.

---

For your example: can you provide some code snippets and the result you want to optain?

---

Related topic:
* Layout examples

Re: Layout Management [message #1015583 is a reply to message #1015570]

Fri, 01 March 2013 04:39

Eclipse User

Hi,
this is an example of layout that I want obtain:
index.php/fa/13628/0/

Attachment: LayoutResult.png
(Size: 12.37KB, Downloaded 713 times)

Re: Layout Management [message #1015965 is a reply to message #1015583]

Mon, 04 March 2013 07:35

Eclipse User

Hello Marco,

Your layout is fantastic, but a little bit complicated for a newcomer. I would suggest to experiment with parts of it in differenet forms, and when you have some experience, try again to build it as a whole.

The mentioned practice will help you also in the final product, if you want to use the templates.

There are around 20 fields in your forms. The formatting code for them with grouping and the Controller part of MVC if you want to have some interaction such as calculating some of them according the values specified to others or you want to do some kind of validation, it will easily result in a 1000 or more lines.

A better approach is to design and implement separately the "base curve" for example and after that create a template e.g. BaseCurveGroupField. Finally create a form using all of the created templates.

In that way you will have a more maintanable source code.

Although it is not an answer, i hope that could help.

Re: Layout Management [message #1015967 is a reply to message #1015965]

Mon, 04 March 2013 07:46

Eclipse User

Hi Stathis,
thank you very much for your suggestion ... I honestly had not thought to define various templates and then integrate them into a single form.
Have you some examples to clarify to me better ideas? Or can you suggest me some link about this idea?

For my bad luck, the image reported is only one part of a complex form that required in my project.

Re: Layout Management [message #1016000 is a reply to message #1015967]

Mon, 04 March 2013 09:56

Eclipse User

Hi Marcus again,

It is not so difficult, to produce the layout you want as you can see in the next image.
index.php/fa/13661/0/

It just needs some experiments for various situations.
index.php/fa/13662/0/

I have attached part of the code that produced it. And as you can see , i have created three example templateFields.

Hope it helps.

Attachment: Form.png
(Size: 29.15KB, Downloaded 736 times)
Attachment: FormExpanded.png
(Size: 41.65KB, Downloaded 693 times)
Attachment: CompositeForm.zip
(Size: 72.90KB, Downloaded 230 times)

Re: Layout Management [message #1016006 is a reply to message #1016000]

Mon, 04 March 2013 10:17

Eclipse User

Hi Stathis,
first of all thank you for this example. Now I study your code and try to figure out where mistake.

Re: Layout Management [message #1016060 is a reply to message #1016006]

Mon, 04 March 2013 13:50

Eclipse User

Hi Marco,

There are no mistakes, Just unfinished configuration of fields. You have to take care for the configuration of each field indivindually. I used some configuration options of Scout such as getConfiguredLabelPosition(), getConfiguredWidthInPixel(), getConfiguredGridColumnCount() for demo purposes. I also created three example templates.

The rest its up to you.

Re: Layout Management [message #1016121 is a reply to message #1016060]

Tue, 05 March 2013 02:17

Eclipse User

Marco

One thing you might want to look into is something that I failed to realise when I first started working on more complex scout windows: The layout manager used will always try to "stretch" your fields to make use of the available window/form size. This is controlled by the "Fill Horizontal" and "Fill Vertical" checkboxes in the advanced properties. If you want pixel-precise field sizes, it won't be enough to set "Width/Height In Pixel", you will also need to deselect the two "Fill" checkboxes.

Another thing that helps me to manage layouts is to liberally use group boxes (you can hide their borders, so they're invisible) to avoid unwanted wrapping of fields to the next row or column.

Re: Layout Management [message #1016131 is a reply to message #1016121]

Tue, 05 March 2013 02:56

Eclipse User

@All:
Thanks a lot for sharing here. I take note of all your valuable feedback.

Previous Topic:	Multi-threading issue when using Scout Swing client
Next Topic:	Form Validation

Goto Forum:

-=] Back to Top [=-

Current Time: Sat Jul 26 17:32:35 EDT 2025

.:: Contact :: Home ::.

Breadcrumbs

Sign up to our Newsletter