Tooltips always have the next step button text be “Next” and I need to change it to something else. Such as “Request Access”, and then go to a dialog on then next step.
Tooltips always have the next step button text be “Next” and I need to change it to something else. Such as “Request Access”, and then go to a dialog on then next step.
Hi Richie, thanks for posting on PX Community.
I am not aware of any way to do what you describe above. This is best to submit as a Product Idea … the ability to change previous/next button labels to whatever words you need would be great IMO.
Excellent CSS customization
Do you mind posting your custom CSS code so myself and others can learn too? A screenshot will be fine. Thank you!
Actually got it to work this time:
You need to create two buttons in the engagement tooltip:
<div class="px-step-navigation-next" style="color: rgb(255, 255, 255); opacity: 0; background-color: rgb(0, 100, 217); border-radius: 4px; visibility: visible;"> Next</div>
<div class="px-step-navigation-next" style="text-align: center; color: rgb(255, 255, 255); opacity: 1; pointer-events: none; background-color: #235BA8; border-radius: 4px; visibility: visible;">Learn More</div>
The first button text automatically gets set as “Next” and actually goes to the next step on click. To change the text, this button is hidden via opacity = 0 and…
The second button has the actual text, in this case “Learn More”, but has pointer events set to none so that clicks go through to the actual button beneath it.
Next button needs absolute position to overlap the two:
/* Next Button */
.px-step-navigation-next {
padding: 10px 20px 10px 20px;
margin: 0px 0px 0px 10px;
position: absolute;
bottom: 20px;
left:0;
right:0;
margin-left:30px;
margin-right:30px;
}
And .px-step-navigation-button, .px-step-navigation-buttons, and .px-step-navigation classes all have display:none in custom css.
Nice custom CSS coding
I will create the PX Product Idea to hopefully make this much easier! ;)
If you ever had a profile with us, there's no need to create another one.
Don't worry if your email address has since changed, or you can't remember your login, just let us know at community@gainsight.com and we'll help you get started from where you left.
Else, please continue with the registration below.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.