How to remove the arrow button in the PopupButton

Support
#1

Hi,
How do i remove the arrow image in the PopupButton. Im using an icon in the PopupButton, so i dont want the arrow image in the button. can anyone guide me…

#2

Hi!

To delete this arrow you should override CSS style for popupButton. How to extend CSS theme of application you can read in the documentation.

You can create your own style and add it to the component. For example:

.my-popup-without-arrow {
    .v-popup-indicator {
        padding-left: initial;
        cursor: pointer;
        width: initial;
        height: initial;
    }

    .v-popup-indicator:after {
        content: unset;
    }
}

Add this style to the popupButton in the XML with “stylename” or in the screen controller.

1 Like