Forum Discussion

DamianC's avatar
DamianC
Cloud Apps
11-16-2022

Blox - Action button - Hover options

Hi All, 

A small thing, I hope you can help with. 

When changing the colour of an action button in Blox the hover settings disappear, i've scoured online to see how to write this back into the config but not had any luck. 

trying to go from blue to light blue on hover: 

{
"type": "ActionSet",
"actions": [
{
"type": "Filters",
"title": "Apply",
"style": {
"backgroundColor": "blue",
"button:hover": {
"backgroundColor": "#lightblue",
"transition": "0.7s"
}
dashboards & reporting

3 Replies

Replies have been turned off for this discussion
  • Harry's avatar
    Harry
    Cloud Apps
    11-17-2022

    Hello DamianC ,

    You can add hover effect to Blox button by adding CSS in "style" key as below

    "style": ".blox-slides button:hover{background-color:red!important}",

    Blox script for Action button would be

    {
                    "type": "ActionSet",
                    "actions": [
                        {
                            "type": "Filters",
                            "title": "Apply",
                            "style": {
                                "backgroundColor": "blue"
                            }
                        }
                    ]
                }

     

    Please let me know if you have any questions

     

    Always here to help,
    Harry from QBeeQ

    QBeeQ - Gold Implementation and Development Partner
    www.qbeeq.pl

  • Premkumar's avatar
    Premkumar
    Data Storage
    05-29-2023

    Hi Harry,

    Same way, can we achieve changing BloX pressed state button color in the style property. please do the needful.

    Regards,

    Premkumar S