Ability have wizard without modal popup and option to hide left nav steps

[anavgale]

Select one ... (check one with "x")

[ ] bug
[x] feature request
[ ] enhancement

Expected behavior

There are situations where you need wizard functionality but not in a modal popup but on a normal page. So there should be flags to open the wizard in a normal web page instead of modal popup, also the flag for hiding the left nav steps.

Actual behavior

Not able to change the behaviour of Wizard to not have popup and not able to hide the left nav.

Reproduction of behavior

• Include a link to the reproduction scenario you created by forking one of the Clarity Plunker Templates:

Environment details

• Angular version: 2.0.X

• Clarity version:
  0.10.5

• OS and version:

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

[mathisscott]

What is the use case for hiding the left nav steps?

Re: Wizard not being inside a modal. It's not something we recommend or support but it's possible.

Check out: https://github.com/vmware/clarity/blob/master/src/app/wizard/wizard-inline.demo.html

[mathisscott]

@anavgale : Any more info that you can share on your use case.

[anavgale]

Ok, the use case is, I need to display a wizard/steps where user needs to fill big lengthy forms, user can only go from one page to next in order and finally submit the form.

Modal popup is generally used to capture small amount of information, so I am checking if I can have the same wizard functionality without popup and left nav.

Thanks.

[anavgale]

@mathisscott I tried using the link shared by you, but I get error when I include "clrWizardPreventModalAnimation" property. Also even after adding the class "clr-wizard--inline" it still shows as modal popup for wizard.

Uncaught Error: Template parse errors:
Can't bind to 'clrWizardPreventModalAnimation' since it isn't a known property of 'clr-wizard-page'.

Thanks for your help.

[mathisscott]

clrWizardPreventModalAnimation is an input on clr-wizard -- not clr-wizard-page.

That's why it says clrWizard at the front and not clrWizardPage.

Beyond that, can you reproduce your issues in a plunkr?

I may be able to help you with hiding the left nav if I know why you are trying to do that.

[anavgale]

@mathisscott I need to hide the steps as user is not allowed to jump the steps, and pages and order is dependent on the user input. The page wizard is going to display is dependent on what is user's input to the current page.

[mathisscott]

If you post a plunkr of a wizard that works roughly as you describe, I can show you how to hide the nav.

[mathisscott]

@anavgale
I'm assuming you got what you needed. Thanks!

[KashMoneyMillionaire]

Now here: html and here: ts

[github-actions]

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.