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

MenuItem#styleClass suppport for Steps #5805

Closed
dkrysiak opened this issue May 28, 2018 · 1 comment
Closed

MenuItem#styleClass suppport for Steps #5805

dkrysiak opened this issue May 28, 2018 · 1 comment
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@dkrysiak
Copy link

dkrysiak commented May 28, 2018

I'm submitting a feature request. Steps should honor styleClass attribute of MenuItem API.

Plunkr Demo
https://stackblitz.com/edit/github-33r1qg

Current behavior
MenuItem#styleClass is ignored.

Expected behavior
In the attached demo, styleClass attribute of MenuItem should result in applying the .step-base and .step-main classes to li.ui-steps-item elements, resulting in displaying their text in grey and red color.

What is the motivation / use case for changing the behavior?
Allowing to apply more advanced styles to particular steps.

In my case, when current state is 3 (of 5), I want to make steps 1-4 active (allowing to go to the next step, .step-active or not(.ui-state-disabled)), but only steps 1-3 displayed as "visited" (.step-visited).

Additional/related
Similarly, the style property of MenuItem support could be implemented.

PrimeNG version: 5.2.6

@vinicius-menezes
Copy link

I'm having the same issue, is there some solution for this?

@cagataycivici cagataycivici added this to the 7.0.5 milestone Dec 31, 2018
@cagataycivici cagataycivici added the Type: Bug Issue contains a bug related to a specific component. Something about the component is not working label Dec 31, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Development

No branches or pull requests

4 participants