Can you override umb-property-layout breakpoints?

in v17 the umb-property-layout component now has container based queries ( #20832 ).

but this means if you have a small sidebar dialog, with say a toggle in it. it will render in the ‘vertical’ setup, even when there might be space for it not to be.

if i go to a “Medium” size dialog then it renders fine.

but in this instance, i would rather not, because that’s a lot of white space to right now, that isn’t needed.

so is there way of overriding the container breakpoints for the property ?

Hi @KevinJump

Interesting aspect, there is currently no ways to overwrite it.

But we could expand the responsive behaviour a bit. Currently property layout takes orientation, which defaults to ‘horizontal’.
Instead I suggest making a new option, called ‘auto’, which is the new default.

This could be used in the CSS logic, so the Responsive Container logic only applies when in ‘auto’. In this way you would be able to enforce ‘horizontal’ by setting that attribute.

Would you be up for making a PR?

I have to mention it is a little UI breaking, as in if someone actually did define orientation=‘horizontal’ and expected the responsive solution, then that would be broken by this — but this was first fixed recently, which is maybe why you are discovering this now?
— But I would be okay with breaking this, because of the very little likely hood that someone would be defining the orientation specifically and then not wanting it to be lock to it. Also it is only affecting layout, so nothing actually breaks.