Custom button API to close/navigate a guide

  • 8 June 2021
  • 3 replies

Userlevel 3

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. 


3 replies

Userlevel 7
Badge +2

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

Userlevel 5

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

Userlevel 5

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("");
  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;
  height: 80px;