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?
Hi! To create a stepper without step indicators in the Metronic theme (like the one in your link), you can simply hide or remove the HTML markup for the step labels (e.g., “Account Type,” “Account Info”) and adjust the CSS to realign the content properly. Metronic is flexible, so with a bit of tweaking, you can keep the step content functional while hiding the visual indicators.
For similar UI customization tips, whatapps.net is also a helpful resource you might want to explore.
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