roelbarreto / md-steppers Goto Github PK

Thanks for this awesome work @ipiz !!

I am trying to make steppers to take full available height. I tried to give flex to parents, but no success.

I want something like this...

Here, i tried. Link

Somehow, md-steppers-template div is not taking full height. What i am missing ?

Thanks in advance!

Hello,

Only horizontal steppers are implemented right now?

There's no support for vertical steppers like the one below?
And if not is there another way to use md-steppers on mobile?

Thanks

Hi Ipiz,

Checked the closed issue #19, but the issue still persists. Tried the demo URL provided there, which is working in chrome but not in ie11.

Hi, I was wondering if there is any plan to include error/invalid steps feature? A simple color change to red button and red text would be sufficient. Maybe a new attribute called md-error or md-valid that takes a boolean value?

First off really nice module, Thanks for all the work.

You should require angular as a dependence so it will get wired in properly during minificaiton in a project.

Hi there,

May be a stupid question, but my CSS skills are not up to par with the rest of the community i assume.
I would like to know how do i make this bootstrapped? When on mobile, if there are more than 3 steps, the form is squished.

If anything, i would just like current step and next step on the form when viewing via mobile, with the text under the number as apposed to the right of it.

Your assistance would be great!
Looking forward to your response :) thanks!

Not able to navigate back to previous steps in IE (by clicking steps header)

Can we use this package with Angular 2 or Angular 4?

I can't seem to make the text for a step label truncate. I'd like to have the label end in an ellipsis if it's too long for the container. Applying the following CSS to md-step-label-wrapper did not work.

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

As you can see from the attached image, step 4 is too long (Additional Property Details) so I'd like it to truncate with an ellipsis rather than getting cut off. Is this possible? Thanks!

Would be great to have an easy way to override default colours.
I believe simply adding !default flag to $steppers-md-primary-color and $steppers-md-warn-color variables would make it possible.

Hello,
Nice component :)

I'm having an issue using md-steppers in a md-dialog from angular-md.
The content position of the first step seems to be getting from the left side of the window rather than the left side of the md-dialog. (only on ie11)

When inspecting it with ie11 dev tools, the css is good but it is rendered too early when the md-dialog is not correctly displayed. Is there a way to delayed the rendering of md-steppers ? I think it should do the trick.

Thanks.

After installing md-steppers, get fonts errored message when I run gulp serve. I am running this on Windows 7.

Please advise!

Hello,

First thank you so much for this package 😄

I've installed this into an angular material app and added the basic demo you have in the readme.md but the header looks wrong.. I have verified that the CSS is being loaded properly

Any idea?

When I tried to link md-steppers.min.js in index.htm, The reference is not picking up and MD-stepper functionality is not working, it is working as expected with dist/md-steppers.js.

Is it possible to add steps after md-steppers has been initialized?
In my use case I want to add the next step based on the selection made in another step. Therefore the stepper can have a various number of steps.

Help

When scrolling up and down on our stepper enabled form on the iPhone 6 Plus the screen appears to be flickering slightly - almost like there is a screen refresh / redraw issue occurring. Intermittently various controls on the screen start disappearing also.

The same form without the stepper added (i.e. form sections displayed down the page) scrolls quite nicely.

We are using the following libraries in our app:

• AngularJS 1.5.3
• Angular Material 1.0.6
• MomentJS 2.13.0

When going through each step in the stepper it works well and animates very smoothly.

Wanted to see whether there is anything obvious with the combination of the above libraries that may be causing the issue.

Happy to share code and screenshots as requested.

Hi,

Could it be possible to have the md-steppers library on NPM?

The new release candidate for angular material breaks the alignment of the dummy steppers in "md-visually-hidden md-dummy-wrapper".

I have resolved the issue by rolling back to 1.0.4 of the angular_material css.

md-complete adds content: '7'; to the step label. Anyone else successful in fixing this small bug?

<md-step label="Details" md-complete="c.completedStep2" ng-disabled="c.disabledStep2"></md-step>

i searched alot for hot to use the stepper with alternative labels without success and also documentation isn't reach enough to tell me how to do it.
please advice.

No content of steps is shown after the upgrade to 1.6.7
Content is loaded/initialized after clicking on first step of md-step-item.

Is there any workaround or quick and dirty to see the content again after the page has loaded?

After clicking first item:

Is there a way to scroll to the top of a step's content when changing to that step?
I'm currently using md-steppers to break up a form, but on smaller phones the user has to scroll down on step 2; then when going to step 3 the screen slides, but remains scrolled down on step 3 rather than at the top of step 3.