Adding delay between steps on same page

[HamzaPooki]

Hello, I want to ask that how can I add delay between steps on the same page. I am using ng-boostrap tour library version 11.3.

[hakimio]

Hi,
delayBeforeStepShow config was introduced in v12. I don't think there is anything like that in v11.

[HamzaPooki]

Actually updating this library version required updating Angular version and I cannot update it right now as it will causes multiple packages dependencies issues.
Isn't there is any custom way to add delay?

[hakimio]

Then you'll have to create your own fork of the library and add the functionality to the library yourself.

[hakimio]

Did you generate this BS with ChatGPT? 😕

[HamzaPooki]

Okay thanks.
Can you help me in this regard - how can I apply border-radius to the highlighted element?

[hakimio]

Which element? .touranchor--is-active CSS class is applied to your button (the anchor element), not the backdrop. Inspect your button and you should see the styles applied to it.

[HamzaPooki]

This is how I am using the anchor element.

[hakimio]

touranchor--is-active class is applied to the active tour anchor. So, it's working as intended. Backdrop box can not have border radius.

[HamzaPooki]

Ohh Ok
That can be done using backdropConfig.offset right?

[HamzaPooki]

Can you help me with this?

This is happening on the element which shows after scroll.

But if I change the width of my screen just by opening inspect mode

It get fixed