Centering input fields and combining output views/input views in a storyline

Not sure if it already exists, but i would like to have an option to center my input fields.

Now everything in aligned to the left.

It would be great to have like a Jupyter notebook / Streamlit kinda option.
A storyline going from top to bottom.

With optional steps halfway, so the output can be embeded in between.

So lets say (All centered):

Text A
Input field

Output View A

Input Fields B (Become visible after completion of "step A)

Output View B1

Input Fields B1
Output View B2

This way you get a storyline from top to bottom instead of the fixed left / right setup as it is right now.

For many use cases this might be prefered, while for others the current setup might be best.

Very nice feature request Johan!

1 Like

Interesting that you mention the storyline top-to-bottom! Also saw this at another developers app, he mentioned he was building a “vertical” ui because the user expected something along those lines, and named things like booking.com as an example.

His solution (without alignment) was to also have this vertical column of fields appear based on previous fields being filled or not so it came down to a lot of visible=some_lookup_function but the end result was already quite nice!

Without trying to contaminate this issue, he also asked if it was possible to have a vertical step-wise editor option.

@rweigand well it is more or less what I ment.
I did the same with lookup etc. To create this storyline.

But it is a lot of extra code and I was lacking the option to put views in between.

Some apps we have only use one step, tab and no output views. It is more like upload, input things and download the result. (using set params buttons as go to next step and turning on visibility)
So yoi basically have a very accessible ui, just not very sexy due to the limitations