How to add hover button in report page

Support
#1

How to add hover button in report page what we have in the charts

#2

Hi Mallik,

What do you mean under hover button and report page?

You can set custom styles for the Button component using the hover CSS selector, for example:


.custom-hover-style-button {
    background: red;
    color: white;
    transition-duration: 0.4s;
}
.custom-hover-style-button:hover {
    background: white;
    color: black;
}


 <button stylename="custom-hover-style-button"/>

As for charts, you can change the opacity of chart elements on mouse hover using the setHoverAlpha() method.

If you didn’t get the answer, please clarify your needs.

#3

Thanks for the reply Olga. See the attachment…This hover button came with charts,I want to implement this button with same functionalities to my browse screen

hover_button

#4

This export menu is a part of a chart component and is not applicable to the report generator, but you can create something similar using the visual components library and add necessary actions to the buttons as explained in the report documentation.