Unplanned
Last Updated: 03 Mar 2025 11:39 by ADMIN
Nick
Created on: 17 Apr 2024 07:33
Type: Feature Request
1
Expose template for Stepper > Label and for Stepper > Optional Text

Consider exposing a template that will allow styling the (Optional) text span from ThemeBuilder.

Currently, as a workaround users must explicitly set the styles through the following selectors:

.k-stepper .k-step-label-optional {
    color: red;
    background-color: yellow;
    font-size: 18px;
    font-style: normal;
}

Requested through t.1648985

1 comment
ADMIN
Nick Iliev
Posted on: 03 Mar 2025 11:39

+1 from t.1680497

We need to expose templates for both the step label and the step optional label

.k-stepper .k-step-current .k-step-label .k-step-text {
    color: hotpink;
    font-weight: 700;
}

.k-stepper .k-step-current .k-step-label .k-step-label-optional{
    color: hotpink;
    font-weight: 700;
}

 

demo app with a custom CSS solution: https://codesandbox.io/p/sandbox/gallant-carlos-vtj58r?file=%2Findex.js 

 

Regards,
Nick Iliev
Progress Telerik

Enjoyed our products? Share your experience on G2 and receive a $25 Amazon gift card for a limited time!