Custom button API to close/navigate a guide

Related products: PX Engagements

Often we need to create custom buttons to close or navigate a guide as built-in buttons don’t fit in our design or can’t be customized to the level as needed. However with custom buttons we don’t have API to take standard actions such as close the engagement or navigate to the Previous/Next steps in the guide. 

 

There are existing tips/workaround to close a Dialog engagement but the same tip doesn’t work for Guide engagement. 

 

@chunmeilu thank you for sharing, redirecting this to the product team for more visibility.


WIll consider this as part of the new capabilities we plan to add


Hi @chunmeilu 

 

As part of new editor, we are working on this request and making the following settings for the close button available. Will these options give you the flexibility you are looking for?

.px-close-button {
  background-image: url("https://storage.googleapis.com/aptrinsic-cloud-public-assets/app/engagement-thumbnails/dialog-close-bright-1.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100px;
  background-color: none;
  border-radius: 55px;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .3);
  position: absolute;
  top: 100px;
  right:650px;
  width:80x;
  height: 80px;
}