roelbarreto / md-steppers Goto Github PK
View Code? Open in Web Editor NEWangular directive for material stepper https://www.google.com/design/spec/components/steppers.html#steppers-types-of-steppers
angular directive for material stepper https://www.google.com/design/spec/components/steppers.html#steppers-types-of-steppers
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.
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!
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.
Not able to navigate back to previous steps in IE (by clicking steps header)
Hi,
Could it be possible to have the md-steppers library on NPM?
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?
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.
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.
Help
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!
After installing md-steppers, get fonts errored message when I run gulp serve. I am running this on Windows 7.
Please advise!
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.
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.
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:
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.
Can we use this package with Angular 2 or Angular 4?
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.