Skip to main content
chunmeilu
Contributor ⭐️⭐️
June 8, 2021
Open

Custom button API to close/navigate a guide

Related products:PX Engagements
  • June 8, 2021
  • 3 replies
  • 212 views

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

    sai_ram
    sai_ram
    Expert ⭐️⭐️
    June 9, 2021

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

    skalle
    Gainsight Employee ⭐️
    skalle
    Gainsight Employee ⭐️
    July 14, 2021

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

      skalle
      Gainsight Employee ⭐️
      skalle
      Gainsight Employee ⭐️
      November 15, 2021

      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;
      }

      Terms & ConditionsAccessibility statement