Question

Responsive field position

  • 19 January 2024
  • 4 replies
  • 47 views

Userlevel 5
Badge +20

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:


 

 

 

 


4 replies

Userlevel 6
Badge +10

@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:

 

Userlevel 5
Badge +20

@Arie V Great! We will try that. Thanks

Userlevel 5
Badge +8

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

Userlevel 5
Badge +20

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

Reply