How to make the TelerikWizard steps wrap on a small screen such as mobile?

1 Answer 216 Views
Accessibility Stepper Wizard
J
Top achievements
Rank 2
J asked on 13 Jul 2021, 06:19 AM
In the demos, TelerikWizard does not wrap onto multiple lines on mobile. How can I set it so that it wraps onto multiple lines if the steps do not fit on the page?

1 Answer, 1 is accepted

Sort by
0
Nadezhda Tacheva
Telerik team
answered on 14 Jul 2021, 03:44 PM

Hi Jonathan,

In the demo we have set fixed width to the container holding the Wizard for styling purposes. This is expected behavior in cases when the width of a container is fixed. You can also verify that yourself by checking the "View Source" tab in the demo page.

If you don't set fixed width to the component or to its parent container, the Wizard will resize accordingly. You can test that in the live demo as well - inspect the parent div of the Wizard, remove its width and see its behavior on mobile devices.

I hope you will find that information useful. If any further questions appear, please do not hesitate to contact us.

Thank you for choosing Telerik UI for Blazor!

Regards,
Nadezhda Tacheva
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Accessibility Stepper Wizard
Asked by
J
Top achievements
Rank 2
Answers by
Nadezhda Tacheva
Telerik team
Share this question
or