Skip to main content
Solved

Ability to change order of guide buttons

  • April 22, 2024
  • 2 replies
  • 66 views

Hi everyone

I’m using the descriptive tooltip default template for a guide walk through. In the image you can see that I’ve enabled the Next (start) button and the Skip button. Ideally I would like to flipflop the two buttons so the Next button is on the right side. I’m unable to figure out how you could customize this. 

Has anyone dealt with this need before? Thanks!

 

Best answer by Surendra

Hi @BevyProduct 
You can select the CSS editor of the step and add this CSS and this should make the step as required.

Hope this helps!

 

.px-step-navigation-buttons

{display:flex;
  flex-direction:row-reverse;
}

 

2 replies

Surendra
Forum|alt.badge.img+1
  • Gainsight Employee ⭐️⭐️
  • Answer
  • May 7, 2024

Hi @BevyProduct 
You can select the CSS editor of the step and add this CSS and this should make the step as required.

Hope this helps!

 

.px-step-navigation-buttons

{display:flex;
  flex-direction:row-reverse;
}

 


  • Author
  • Contributor ⭐️
  • May 13, 2024

Thanks @Surendra That worked!