Skip to content

Investigate responsive rendering for different screen sizes #1936

@liambarnes

Description

@liambarnes

Different forms could benefit from having their rendering optimised depending on the screen width available.

For example:
Tables with multiple coloumns quickly take up the available space with the current default width and users are required to horizontal scroll which provides a poor experience. Even if you zoom out, at a certain point the form just gets smaller and doesn't increase coverage in the field of view.

The following image illustrates comments that follow
Image

Looking at the image above, it would be good in this case to provide a much wider view if the screen being used supports it. If the screen being used doesn't support it, provide a condensed version similar to the image.
Note: it is possible to set column widths to pixels size, but this is not adaptable.

Text items are an example of an item that doesn't provide a good user experience if widened too much. If these fields span the entire width they aren't very nice so would be good to limit them

Overall, it would be good to look at how we can make the renderer better at supporting different screen widths and provide some adaptable/responsive rendering behaviour. This would also take into account the items within a specific form.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions