Hidden parameter

I’m creating a button, with the option to select from 3 different colors, I want to have the hover color depending of the colors they choose. For example: main colors red. blue, green. If the person select red, then the hover color will be a light red (already setup as a variable) but I don’t want that option to be selectable on the button. I know I can use the “when” option on the parameter, and create the 3 scenarios, but how can I have those options hidden when the client adds the button?
If I have to do that login on the configuration of the button itself, how can I do it?

Hi @mcostales84,

Unfortunately, what you are expecting is not possible at this moment.

Thanks

is there a way to set conditions at the property level? where I enter {{dc.p.key}}

Hello @mcostales84,

You can use your parameter as a class.

And then you can use custom CSS this way, the user cannot see or change the colors. For example,

.my-headline.red {
    color: red;
}

.my-headline.red:hover {
    color: something reddish;
}

.my-headline.blue {
    color: blue;
}

.my-headline.blue:hover {
    color: something blueish;
}

Hope this helps.

That was actually helpful but not ideal and very cumbersome. Thanks to the FB community, I found this section to assign multiple values at once, which is what I need.
Sharing here in case someone has the same problem.

Hi @mcostales84,

Glad that you are able to find the solution and shared it with others.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.