[PENDING] Unreachable FormPanel Fields inside ViewPort on large Forms (1.1.1)

[hschaefer123]

Hi Jarred,
working on large Forms (FormPanel) on low screen resolutions like 1024x1024 make it impossible to scroll to fields if you are using a viewport as outer container.

For form panels using autoScroll: true you can scroll down the form area.
Form Panel inside ViewPort shows scroll bars, but they are not useable.
No difference if using autoScroll also on viewport.

So you can't edit labels, etc inside ui edit area or visually control changes on lower fields.

Cheers
Holger

[jarrednicholls]

Hi Holger,

Is the Viewport layout "fit"?

[hschaefer123]

Hi Jarred,
all my ViewPorts are default fit!

Does not know how 'auto' can help me ;-)

I think the form trick via 'autoScroll' should be the right Solution because there is a shortcut for autoScroll beside quick layout selector.

As a workaround, promoting nested form to class and selecting form component with autoScroll true allows scrolling inside form area, but always linking and unlinking is not quite comfortable.

The problem existing for nested form panels directly inside viewport (or maybe also deeper) with or without layout: 'fit'.

For viewports with layout: 'auto' and selecting autoscroll: true on viewport it is also possible to scroll down the whole area (but after editing i have to restore all properties to needed export values!).

Cheers Holger

[jarrednicholls]

You can select the component in the Component Tree - it should scroll the form to show the field. When a Viewport is "fit", then autoScroll will mean nothing on it (cuz it's never overflowing, it's fitting its first child into its box perfectly). autoScroll on the FormPanel is what's necessary to create an overflow.

The scrollbar on the Canvas is definitely kludgey w/ the Viewport due to z-index issues. The canvas problems are being addressed in Designer 1.2.

[hschaefer123]

>You can select the component in the Component Tree - it should scroll the form to show the field
Does not work!

ViewPort with Layout 'fit' that has FormPanel inside with autoScroll: true shows ScrollBars on FormPanel inside ViewPort but the scrollbars are not dragable!

[jarrednicholls]

yes I'm aware, that is the z-index issue I mentioned before. But, clicking on a component under FormPanel will cause FormPanel to scroll down. Try it: add a ton of form fields to the formpanel, and then click on one towards the bottom.