Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Steppers component #881

Open
nmakhmutov opened this issue Feb 15, 2021 · 26 comments · May be fixed by #7414
Open

Steppers component #881

nmakhmutov opened this issue Feb 15, 2021 · 26 comments · May be fixed by #7414
Labels
enhancement New feature or request extension new component A completely new component

Comments

@nmakhmutov
Copy link
Contributor

Is your feature request related to a problem? Please describe.
What about a stepper component like https://material-ui.com/components/steppers ?

Describe the solution you'd like
Sometimes steppers realy helpful when you need combine a lot of similar data in one place. Or when you wanna split many inputs of one huge form.

@nmakhmutov nmakhmutov added the enhancement New feature or request label Feb 15, 2021
@mikes-gh mikes-gh added the new component A completely new component label Feb 22, 2021
@JonBunator JonBunator mentioned this issue Jun 7, 2021
@Garderoben Garderoben added this to Triage (decision to be made) in Feature requests via automation Jul 10, 2021
@jnalley20
Copy link

Yes please! This is the only thing missing for me. Thanks for everything that you all do!

@JonBunator JonBunator mentioned this issue Oct 22, 2021
2 tasks
@jeffersantoss
Copy link

This is very useful when working with big forms.

@mihaimyh
Copy link

This one will be really useful

@y2kbugger
Copy link

@pigfat maybe after scattercharts are finished?

@boppercr
Copy link

I want to say, this is a feature I'd love to have available with MudBlazor.

@Yomodo
Copy link
Contributor

Yomodo commented Mar 30, 2022

Although not the same, the "basics" for some creative component composition are there:
MudTimeline
MudCarousel
MudPagination
MudProgress

@JonBunator JonBunator mentioned this issue Jun 2, 2022
2 tasks
@HummingMind
Copy link

HummingMind commented Jun 6, 2022

+1! This is also the only thing missing for me.
Would love if you guys made a "yes" decision on this one. ;)

Thank you for all the hard work! @Garderoben

@janeczkoqba
Copy link

Hey, I've recently started using Blazor with MudBlazor and I also was in need of a stepper/wizard component.
Ended up with implementing a simple one based on a tabs component. Here is link, maybe it will help someone:
https://github.com/janeczkoqba/StepperOnMud/tree/main/StepperOnMud/Shared/Stepper

Btw. after working previously with DevExpress I can say this library is a dream to work with, it is so intuitive from my perspective. Great job :)

@jlcfg
Copy link

jlcfg commented Jun 15, 2022

Yes, please make this! I came across a similar control in the telerik library: https://demos.telerik.com/blazor-ui/wizard/form

@fforcen
Copy link

fforcen commented Jul 18, 2022

I'd like to suggest another reference: https://material.angular.io/components/stepper/overview and other name for the component: MudStepper ;)

@lonix1
Copy link

lonix1 commented Oct 4, 2022

+1 But why name it "stepper" rather than the older and more common "wizard"?

@boppercr
Copy link

boppercr commented Oct 5, 2022

+1 But why name it "stepper" rather than the older and more common "wizard"?

Mainly since in the material design stratosphere, it's called "stepper" most of the time. The material design guidelines used to have a section on the matter : https://material.io/archive/guidelines/components/steppers.html

Regardless, whatever the name, having the component would be really appreciated. I created one myself with a MudTabs, but it's really not as customizable has the other components of MudBlazor.

@lonix1
Copy link

lonix1 commented Oct 5, 2022

I created one myself with a MudTabs, but it's really not as customizable

Me too. The main problem is one cannot easily hide the tabs toolbar.

@ScarletKuro
Copy link
Member

ScarletKuro commented Oct 11, 2022

Also voting that MudBlazor requires a Stepper.
Adapting MudTimeline and MudTabs to be a stepper turns in a really limited and spaghetti solution.

@ScarletKuro
Copy link
Member

Thank you for the interesting extensions. However, the solution is not adopted for phones(at least not in the examples, haven't tried with other code). Also, the website doesn't work correctly on firefox, can't click anything.

@fondraco
Copy link
Contributor

fondraco commented Jan 3, 2023

@mckaragoz I'm just curious, why is this component only in MudExtensions and not here in MudBlazor?

@fondraco
Copy link
Contributor

fondraco commented Jan 3, 2023

I would like to contribute to the stepper component and make it happen in the MudBlazor. Could we start an issue for that or how could it be approved for implementation?

@ScarletKuro
Copy link
Member

ScarletKuro commented Jan 3, 2023

Could we start an issue for that

Is this issue not enough?

how could it be approved for implementation

I don't think there are any stoppers for it not to be approved as long as you follow the contribution guidelines.
I consider stepper as a common material component that should exist in the main library.
@mikes-gh correct me if I'm wrong.

@quinzyCLC
Copy link

What happened to this being done in the main lib? I've been using the CodeBeam extensions but I'd like to use the main lib and also I cannot find a way to set the current step on page load with the extension.

@quinzyCLC
Copy link

What happened to this being done in the main lib? I've been using the CodeBeam extensions but I'd like to use the main lib and also I cannot find a way to set the current step on page load with the extension.

You can use SetActiveStepByIndex to set a step programmatically. If you don't see the method, need to update newer version.

Thanks for the response. I know this is probably not the place to troubleshoot this but I'm having some issues. If I use the SetActiveStepByIndex method I need to do something else before the step changes (Like for example click on the stepper somewhere) then only the SetActiveStepByIndex or CompleteStep actually happens.

@quinzyCLC
Copy link

Yes, it's better to discuss the issues on extension library's page, because there are other contributors that enhanced stepper, they may have some other ideas.

Thanks. Ill load an issue there.

fondraco added a commit to fondraco/MudBlazor that referenced this issue Aug 23, 2023
@fondraco fondraco linked a pull request Aug 23, 2023 that will close this issue
6 tasks
fondraco added a commit to fondraco/MudBlazor that referenced this issue Aug 23, 2023
fondraco added a commit to fondraco/MudBlazor that referenced this issue Aug 30, 2023
fondraco added a commit to fondraco/MudBlazor that referenced this issue Aug 30, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request extension new component A completely new component
Projects
Feature requests
Triage (decision to be made)
Development

Successfully merging a pull request may close this issue.

17 participants