ProductSwitch: Number of Items per Line

[bachlge]

ProductSwitch, seems to have a hidden Property desktop-columns.
The code of the Basic Sample only shows <ui5-product-switch> whereas it shows <ui5-product-switch ui5-product-switch="" desktop-columns="3"> when I inspect the rendered code.
I suggest to make this a public and documented property.
For responsive behaviour, additional or alternative public properties like useAllSpace, minColumns, maxColumns could be condidered.

[nnaydenow]

Hi @bachlge,

By specification the columns count is determinated by 2 things:

• items number (if items are > 6 show 4 columns and if they are <= 6 show 3 columns)
• available screen width (desktop based on items count, tablet 3 and mobile 1)

Could you share more motivation why public API should be exposed?

My thoughts: When the component was initially introduced CSS grid wasn't fully supported. Now, I think the component might be reworked and just to expose a part which will allow people to manipulate the grid as they want.

[bachlge]

Hi @nnaydenow,
thx for explaining the spec, i was not aware of this.
In my application, all components are pretty responsive, dynamically using the available space.
Just ProductSwitch is not, that is why I started to dig & found this property which I thought was forgotten in the documentation.
Full responsiveness (considering not only number of items but also available space) would be great :-)

[bachlge]

PS. the SAP Fiori Launchpad of our S/4HANA system (Technical Component ID sap.ushell.components.homepage) behaves like I would want ProductSwitch to behave ...

[nnaydenow]

Hi @bachlge,

Sorry for the delayed response. Please open feature request so the respective team for the component to process it.

Thanks!

[bachlge]

#9864