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
0
votes
1 answer

add custom validation in input type text using angular material stepper

I am using angular stepper to display all my data and take input for some of the text boxes, but I want to add my custom validations when user clicks on Next button. stackblitz - material-stepper-custom-validation html:
Pathik Vejani
  • 4,263
  • 8
  • 57
  • 98
0
votes
1 answer

How to make a call on click of 'Next' and decide to progress or not using CDKStepper?

I would like to programmatically move to the next step in I have a button bar component with the steppers controls:
Davy Jones
  • 37
  • 5
0
votes
1 answer

Unable to close the modal when an angular check box is checked

I am using angular step forms. In one of the form, i have few items with checkboxes. When i check the checkbox the Modal window is opening, but i am unable to close the window when close button on the modal window is clicked. HTML
ram kris
  • 135
  • 2
  • 11
0
votes
1 answer

Is there a place where I can download Angular Material styles?

I'm working my way through an implementation of Angular Material's Stepper, and I want to use the out-of-the-box styles... is there a place I can download them? I've tried copying & pasting styles from the Angular Material example page... but that…
iwalkathinline
  • 3
  • 2
0
votes
2 answers

Child Route not displaying correctly in angular

I am using a stepper in angular and I need to display a component in one of the steps. I need to click on a button to load that component. I can see the child component getting inserted but it's not displaying correctly. When I inspect and go to…
Sunil Ojha
  • 223
  • 1
  • 7
  • 20
0
votes
0 answers

different datasource to single material table in angular

I want to display data in angular material table by based on submit button of selected stepper tab.I want to pass dynamic parameters to each stepper tab submit button. The datasource needs to be changed accordingly passed parameters and the table…
Rakesh Kamble
  • 1
  • 1
0
votes
1 answer

Angular Material(7.3.7) stepper without expanding the first step

I want to have a angular material stepper with first step is closed(not expanded). On a form validation or a on input box validation I want to expand the first step. How can I do that? second, third steps i can do with "this.stepper.next();" or…
gamini2006
  • 299
  • 3
  • 17
0
votes
1 answer

Angular Stepper Form Data with Array of steps

created a stepper steps with data values with below Component Level environment = [DEV,TEST,UAT,PROD] HTML
0
votes
1 answer

How to center horizontally material stepper by flex-layout?

I try to use in my project only flex-layout and avoid vanilla css. I cannot figure out how to center hohorizontally angular material stepper and get good view. I check margin: 0 auto; and it works properly. Here is my code:
Xalion
  • 623
  • 9
  • 27
0
votes
2 answers

Angular how to save a whole page or component data to be used later

i have an angular 6 app that has different components(screens) that use @angular/material horizontal stepper and each step has complex forms(template driven forms and formgroups) and i want to save the whole steps in draft(may be in localStorage or…
frontendkiller
  • 125
  • 2
  • 13
0
votes
1 answer

How to access a form inside a material step template in AngularDart?

I am trying to combine a material-stepper with a form in AngularDart. The continue button from the material-stepper should be disabled as long as some required inputs are missing from the form. When the form is completed, the continue button should…
Rik Bellens
  • 1
0
votes
4 answers

Angular 4 Material stepper tags are not defined

I'm trying to use Angular Material stepper, gone through the documentation but when i paste the HTML Material stepper tag inside my Angular app it tells me that it's not a known element. HTML:
Mohamed Wahshey
  • 422
  • 1
  • 6
  • 24
0
votes
1 answer

Angular Material Style Completed Steps

Is there a way to style the icon of a completed step in Angular Materials stepper module? When I complete a step it adjusts the icon to a check mark. I'm trying to adjust the background color of the icon as well. My code is similar to the example…
Kyle
  • 127
  • 2
  • 2
  • 11
0
votes
2 answers

Angular Material beta 0.12 mat-steper dont go to next step

When I press next button the stepper doesn't go to the next step what I am missing ?? my.component.html
…
George C.
  • 6,574
  • 12
  • 55
  • 80
-1
votes
1 answer

How to control switching steps when the user click's on the indicator

I need to add some logic in order to decide whether the user can change the step by clicking the indicator ( the step number ) or not. I'm trying to find if there's some callback that fires every step change but also lets you prevent changing the…
Eli Porush
  • 1,339
  • 1
  • 7
  • 18
1 2 3
…
8
9