Metronic, Bootstrap, Stepper without step indicators, how to?
Hi
how can we create stepper without step indicators using metronic theme?
For instance
https://preview.keenthemes.com/metronic8/demo1/utilities/wizards/horizontal.html
We want to remove stepper indicators as ("Account Type","Account Info","Business Info"...)
Could you help us, please?
Replies (2)
To create a stepper without step indicators using the Metronic theme, you can customize the wizard component by removing or hiding the elements that render the step titles—specifically, look for the HTML elements or classes like stepper-nav and either remove them or apply d-none to hide them. In the example you provided, inspect the DOM and remove or hide the labels such as "Account Type" or "Business Info" from the stepper navigation. This way, only the step content will be visible while maintaining the navigation logic. It's similar to customizing a UI for a gb WhatsApp download APK page, where you might want a clean, minimal look without titles, focusing only on the download and feature content.
Hi,
Just hide the step indicator using "stepper-nav mb-5 d-none". Completely removing it is not suggested as stepper components refers to the indicators during the stepper interaction.
Regards,
Sean
