vue-form-wizard icon indicating copy to clipboard operation
vue-form-wizard copied to clipboard

Published 20 hours ago • verified publisher icon BinarCode

Hide all tabs

Open SimonFricker opened this issue 4 years ago • 6 comments

How do you hide/remove all tabs?

SimonFricker avatar Jun 16 '20 12:06 SimonFricker

I have the same question, I want my form to be separated in steps, but dont want the titles or step numbers be shown.

jonalxh avatar Jun 25 '20 21:06 jonalxh

@SimonFricker What did you do?

jonalxh avatar Jun 25 '20 21:06 jonalxh

I've added the following CSS in my .vue file:

/deep/ .vue-form-wizard {
	.wizard-header {
		display: none;
	}
	ul.wizard-nav-pills,
	.wizard-progress-with-circle {
		display: none !important;
	}
}

I hope it help.

jonalxh avatar Jun 25 '20 22:06 jonalxh

Using CSS is not an ideal solution as the tabs still get rendered.

SimonFricker avatar Jun 26 '20 09:06 SimonFricker

@SimonFricker Then, Explain us what is the correct way.

jonalxh avatar Jun 29 '20 20:06 jonalxh

Idk how

On Mon, 29 Jun 2020, 21:16 Jonathan Arias, [email protected] wrote:

@SimonFricker https://github.com/SimonFricker Then, Explain us what is the correct way.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/BinarCode/vue-form-wizard/issues/342#issuecomment-651336335, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABJ2GLJ62HEZ6NIIO33ULO3RZDZAZANCNFSM4N7S3O6A .

SimonFricker avatar Jun 29 '20 20:06 SimonFricker