Stack Overflow
Stack Overflow

Questions tagged [angular-material-stepper]

Use this tag for questions about Angular Material Stepper, the implementation of stepped workflow with Material Design styling.

123 questions
1
vote
1 answer

Mocked service does not disable button in angular test?

I am using angular material stepper to navigate in my component have the below button: Below is my stepper.component.html code
avdeveloper
  • 449
  • 6
  • 30
1
vote
1 answer

Angular stepper

I have one stepper-component. Inside stepper-component.html, I have four components as the mat-steps like this -
…
akash
  • 11
  • 1
1
vote
1 answer

How do I override a single element of an Angular Component implementation (CdkStepper in particular)?

Angular has a "stepper" implementation, called CdkStepper, that's very powerful. Basically a CdkStepper has CdkStep DOM children that implement steps, and is clever about advancing between steps with "next" and "previous" events. I need to write a…
Scott Deerwester
  • 3,503
  • 4
  • 33
  • 56
1
vote
2 answers

Mat-checkbox [checked]=“false” does not work

Trying to implement a checkbox where I can dynamically set the value (and have it appear in the box). HTML CheckBox off
Chip
  • 220
  • 5
  • 17
1
vote
1 answer

How to use an ion-button with a mat-stepper

I am using ionic, angular 8, and @angular/material/stepper I have styling already applied to the ion-button tag (provided by a purchased component library). I would like to use this stying with for the next button within the map-stepper. However if…
Martin
  • 120
  • 7
1
vote
3 answers

Material Stepper | Header Navigation causing method to execute twice

I'm using a stepper with dynamic forms in each step. I have created methods for back and next button which I call on click of next and back button like this: …
Sunil Ojha
  • 223
  • 1
  • 7
  • 20
1
vote
0 answers

How to attach an angular animation to the transition between steps in the angular horizontal stepper cdk?

I'm using the cdk stepper for building a new stepper but I can't find a way to attach an angular animation for the transition between steps. Can somebody help me? I've tried this solution by replacing the variable current by the…
Drago
  • 58
  • 4
1
vote
1 answer

Angular Material Stepper Last Step accessible when everything is done without linear

Like the title says I want to make the last step just accessible when the rest is already filled. My Steps looks like this: 1-Login Details -> 2-Personal Details -> 3-Check It would make no sense to get to the check without having all details. But I…
CptDayDreamer
  • 1,526
  • 6
  • 25
  • 61
1
vote
2 answers

How can I use isLinear with the matFormFields (Input fields) coming from another steps components in stepper?

I have a total of 8 step form. I have used stepper form for this in register.html with isLinear=true in register.ts file. Now, these 8 steps are coming from steps module which having 8 different step form. Actually when I used the step form like in…
Mohammed
  • 43
  • 7
1
vote
1 answer

Can't get Angular Material Stepper with single form and child component forms working

I'm trying to implement the Angular Material Stepper functionality in our application. Based on the documentation here I came up with the following solution: civilliability-proposal-detail.component.html
…
Jordec
  • 1,516
  • 2
  • 22
  • 43
1
vote
1 answer

Angular material stepper submission

I have created mat stepper with 6 stages. 6 th stage is submit .each stage consist of 7 input values & is set under a specific form group & form control . @ 6th submission the object are coming as separate for each group ,wanted to post the data as…
vijay munnangi
  • 43
  • 1
  • 4
  • 13
1
vote
1 answer

Angular Material theme issue

I am using angular material in my project. I have used side navbar and stepper, but they are not looking as they look in demo. I have imported required CSS theme in scss file. Please find below codes, formstepper.component.html
Mangesh Tak
  • 346
  • 1
  • 6
  • 22
1
vote
1 answer

How to submit multiple forms by using one button in Angular Material Stepper?

According to my UI the situation is totally different from this question How to Submit the form in stepper My scenario is that I have to create one stepper with multiple forms. So that. I have assigned each form into the individual components. And,…
Riyad
  • 339
  • 4
  • 10
1
vote
1 answer

Disable 'Ripple' effect of Angular Meterial Stepper component (when clicking on Tab)

I have an app that uses Angular Material Stepper component. How can I disable 'ripple' behavior on click by step tabs without CSS-hacks? Thanks!
Pavlo Kit
  • 23
  • 3
1
vote
1 answer

Angular Material Stepper Oninit for all steps called on Step1 itself

I have a Stepper with 3 steps each has it's own component. I am not using Forms at each step so i have bunch of input fields at every step. The problem is Oninit method of all steps are called at load of first step itself. This messes up my code as…
Neeraj
  • 1,163
  • 2
  • 18
  • 32
1 2 3
…
8 9