Skip to main content
Solved

Responsive field position

Harm Horstman
Superhero
Forum|alt.badge.img+21

With the help of the breakpoints, we are now able to activate the desired screen layout for any screen size.

But, is it also possible to control the behavior of the UI from the model in such a way that fields are placed below each other instead of next to each other on a smaller screen?

It would be nice if we only had to scroll the screen vertically on mobile devices to see all the fields.

 

Desktop screen:

 

Mobile screen:


 

 

 

 

Best answer by Mark Jongeling

Hi Harm,

This type of form field behavior is not supported in all GUI's. The way Arie described it, is the way to do it. I recommend to create a separate table variant for showing the form optimized in Universal GUI and another variant for in the Windows GUI.

View original
Logic will get you from A to B. Imagination will take you everywhere (Albert Einstein)
This topic has been closed for comments

Arie V
Community Manager
Forum|alt.badge.img+12
  • Arie V
  • Community Manager
  • January 19, 2024

@Harm Horstman the way we solve such an example is as follows:

  • (Optional - not sure it is necessary) Set Form no of columns = 2
  • Set all columns to a regular Field no of positions further = 1
  • Enable Next tab checkbox on Subject column

That will give the following effect:

 

Harm Horstman
Superhero
Forum|alt.badge.img+21

@Arie V Great! We will try that. Thanks

Logic will get you from A to B. Imagination will take you everywhere (Albert Einstein)
Jeroen van den Belt
Administrator
Forum|alt.badge.img+8

Hi @Harm Horstman, did Arie's reaction help you out? If so, you can mark his answer as Best answer.

Harm Horstman
Superhero
Forum|alt.badge.img+21

Hi Jeroen,

Yes more or less.

Following settings work almost always good for us now:

Form settings

  • No of columns: 2
  • Label width: 1
  • Field width: 200

Column settings

  • Form field width: 200 or 400

For task and task parameters the same settings

These settings work fine for Universal not for Windows

Logic will get you from A to B. Imagination will take you everywhere (Albert Einstein)
Mark Jongeling
Administrator
Forum|alt.badge.img+23

Hi Harm,

This type of form field behavior is not supported in all GUI's. The way Arie described it, is the way to do it. I recommend to create a separate table variant for showing the form optimized in Universal GUI and another variant for in the Windows GUI.

"Wake me up before you low-code"
Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings