abdulkadirgenc / ng-wizard Goto Github PK

Could you show me an example of using the [component] feature since i cannot use it or write the Component name which will end as a string and cant be used.
Thank you

When I use more than 1 ng-wizard component with different config params, different wizard toolbarExtraButtons affected and show same buttons. Could you help me about this problem?

Hey, I can see the fix is already in the codebase, but it seems a new npm version of the library was never released.

I can't use this library in Angular9+ without that fix.

hello,

I want to have some spacing between previous and next button and also want to change colors . Can we apply custom css to them ?

Hello , how can I enable RTL and flip the design so it starts from right to left .. as unfortunately
when I applied it the design became weird .. how can I fix this please

For large form inside the wizard step user need to scroll down or scroll up to choose next, can't we add toolbar buttons on both places? currently, it's either bottom or on top.

Hi,
I've added a simple wizard component to my angular project. When I try to run ng build --prod I get the error below:

See some details about versions installed

ng-wizard version is 1.3.0
Any idea why this is happening, or suggestion to fix it?
Thanks!

How coud I disable a ExtraButton ?

After using this package there a few things that can make it better

Features

1. When the toolboxExtraButtons next/previous are disabled and the user is using external buttons we should have an observable from the NgWizardService which can be used to enable/disable external button just like the toolboxExtraButtons next/previous default operate.

Bugs/Unclear documentation

1. canExit or canEnter doesn't seem to do anything

2. when all the toolboxExtraButtons are removed there is extra padding would be easier to toggle the parent container.

3. the ng-wizard-step > ul > li > a border arrows do not wrap property on small screen devices

Are there any plans to update this project to Angular 14? We use ng-wizard in a project that required an update to Angular 14 which causes dependency conflicts with ng-wizard.

Please release a new version compatible with Angular 14!

unable to previousStep with [canExit]

ng-wizard does not support for angular 17.

If i create text input field inside ng-wizard-step dynamically then typing is taking long time render text

Need to validate step process and proceed to next step only if validation has passed

Hello team.I wish to change the background colour on the wizard header that indicates the steps.How can i go about it?

There should be a way to hide a wizard step by either setting [hidden] = "true" or providing an array of hidden steps.
Currently, this functionality is missing or not documented.

I have to add a validation step before changing step to another? Can i capture event on nextButton click? Thank you nice work.

Hi,

Is there a way to hide the "previous button" on the first step Pane ?
Setting the toolbarSettings.showPreviousButton to false it hides as expected the button.
But if I set it to true (in the stepChanged event) it doesn't display it back.

Also, how to "disable" and "enable" the next button until the "validation part" is done?

thanks

I am not able to view circle and dots theme after change from config. Arrows and default is working fine

im trying to disable next button while validation process is still working.
any help?

Hello,

I am using your ng-wizard component (but a 1.0.0 version, bacause of project's angular version) and I'm creating wizard steps from a dynamic array i'm creating.

If the wizard is not used inside of the modal - all the steps are created without any issue, but, if I create the wizard inside of a modal (yes, it is mandatory), I debug the wizard's instance and the wizard steps have a property hidden = true.

I've tried to edit the hidden property, but it's only a getter and not a setter.

Can you help me to fix this issue?

Very grateful.

hi
is there any way to disable next button till validations success.?

Thank you

Add possibility to add icon like (background-image or svg) on step without title and description

Recently, I updated the version of the project to angular13, ng-wizard can't work, and there is no error content, but the component no longer calls the stepChanged method, causing the component function to break

'NgWizardModule' does not appear to be an NgModule class. while including on the app.module.ts

I want to enable or disable if my form is completed and I can't figure out how.

I am working on Angular 6 and when I import ngwizard to my app , I got error below , please help me to resolve this problem

core.js:1673 ERROR Error: Uncaught (in promise): TypeError: Object(...) is not a function TypeError: Object(...) is not a function at ng-wizard.js:193 at Module.../node_modules/ng-wizard/fesm5/ng-wizard.js (ng-wizard.js:195) at __webpack_require__ (bootstrap:83) at Module../app/theme/pages/default/abm-package/new-abm-package/new-abm-package.component.ts (pages-default-abm-package-package-module.js:9276) at __webpack_require__ (bootstrap:83) at Module../app/theme/pages/default/abm-package/package.module.ts (open-criterion.component.ts:53) at __webpack_require__ (bootstrap:83) at $_lazy_route_resource lazy namespace object:157 at ZoneDelegate.push.../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:391) at Object.onInvoke (core.js:3820) at resolvePromise (zone.js:831) at resolvePromise (zone.js:788) at zone.js:892

When the wizard exists in a sub-component (not app.component) and when lazy loading from the routing module, the BrowswerModule gets loaded twice causing the following error:

Uncaught (in promise): Error: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead.

how can i hide finish button ? And in the final step, show it?

Hello, how can I scroll page always after click next button?

Hello,

when building in production mode of my app, I get this Typescript error:

ERROR in node_modules/ng-wizard/ng-wizard.d.ts.ɵc.html(12,53): Object is possibly 'undefined'.
node_modules/ng-wizard/ng-wizard.d.ts.ɵc.html(14,49): Object is possibly 'undefined'.
node_modules/ng-wizard/ng-wizard.d.ts.ɵc.html(18,21): Object is possibly 'undefined'.
node_modules/ng-wizard/ng-wizard.d.ts.ɵc.html(30,53): Object is possibly 'undefined'.
node_modules/ng-wizard/ng-wizard.d.ts.ɵc.html(32,49): Object is possibly 'undefined'.
node_modules/ng-wizard/ng-wizard.d.ts.ɵc.html(36,21): Object is possibly 'undefined'.

My version Typescript : 3.5.3

I found a workaround with strictNullChecks but I would like not to disable Typescript checks...

Within each step I enter a form, but I cannot obtain the value of each form to be able to save it

Hi @abdulkadirgenc ,

As I have seen here

There is an internal _showStep function that is being utilized by the next and previous functions. My request is to expose it too from the NgWizardService so that components can go to pages that they need not just moving to next, and previous