Steps component not working

[rohit-nyllabs]

I tried the new Steps component in Ultima which came in the recent update and looks like it's not working as expected.Here is a screenshot of how it looks like https://www.dropbox.com/s/iixq9mcqovh9m ... 1%20PM.png.

I used the same code which is used in the primeng docs.Is anyone else facing the same issue ?

[Dmitry Kulagin]

I have the same problem. Anybody can help us?

[willem.sevenster]

I'm having the same issue.

[willem.sevenster]

I have the same problem.

[willem.sevenster]

I got around the issue with a temporary fix:

Add the styles property to the @Component attribute as follows (I have 5 steps - change the width % to (100 / number of steps))

Note the use of the :host /deep/ special selectors (Angular 2 specific)

Code: Select all

@Component({
    selector: "my-component",
    styles: [`
        :host /deep/ .ui-steps .ui-steps-item {
            width: 20%;
        }
    `],
    templateUrl: "./templates/my-component.component.html"
})

Hope this helps.

[DarthMaul]

I will review it get back to you.

[Washu]

Hi,
I'm having the same issue.

Have you new information about it. Would it be fixed in a later Version?

Yours sincerely
Washu

[DarthMaul]

Hi,

Is there any problem with the latest version? This is how it looks locally.

http://pasteboard.co/4YCanblI3.png

Regards

[Washu]

Hi,
i have the problem that the width between the steps not will be set in the css.
How to see here:
https://sites.google.com/site/hosterbil ... /Steps.png

I work with the ultima Version: 2.1.0

The fix from "willem.sevenster" works fine but i hope that will be intergrate in later versions, so that i don't need to set this one every step component.

Regards

[DarthMaul]

Hi,

I will investigate this and take a look at Willem's solution.

Regards