Okay
  Public Ticket #2656937
How to hide a dropdown menu item of customer appointment page
Closed

Comments

  •  2
    Nicholas started the conversation

    Hi, 

    I want to hide or remove "cancel" label of the customer panel, my appointment page, to prevent customer cancel but allow then to reschedule, Is there any method can do that? using custom CSS or JS? May be I just don't how to express it, I tried

    .page-id-57 .el-dropdown-menu__item {
        display: none;
    }

    but this will hide both of the 2 dropdown menu, but I wants to keep the reschedule label.

    This is the JS path, I don't know if it will be useful? if it is, how to use it?

    document.querySelector("#dropdown-menu-5250 > li:nth-child(2)")


    By the way, may I also ask,  Is there an URL that Zapier can send data to appointment internal notesand how to authenticate? please refer to the 3rd and 4th attachment.

    Thank you, and have a nice day!!!


  •  2
    Nicholas replied

    By the way, I am using buddyboss theme, and it has a custom js section

  • [deleted] replied

    Hello Nicholas, 

    You can only probably hide the Cancel button in the customer panel by adding custom CSS, but since they don't have their own CSS class, maybe that will affect something else, but you can try it out. Please try adding this CSS to the page where you have Amelia customer panel:

    li.el-dropdown-menu__item:nth-child(2) {display:none !important;}

    and let me know if it helped.

    Thank you, have a nice one as well!

    If you have any other questions or concerns feel free to open a new ticket and we will gladly help out.



  •  2
    Nicholas replied

    It works,

    thank you very much

    and

    have a nice day

  • [deleted] replied

    You are welcome, Nicholas. 

    Glad to see that , thank you for letting me know. 

    Thank you, have a nice one as well!

    If you have any other questions or concerns feel free to open a new ticket and we will gladly help out.