Docs

[Cindy H]

I am trying to create a button that changes somehow once clicked.

Ideally, I would like to add a check icon to the button once clicked. Is this possible? If so can anybody tell me how to do that?

[Nico]

Hi There,

Thanks for writing in.

You could use focus or active in your custom CSS.

For example,

.btn:active {
    //butoncss
}

.btn:focus {
    //butoncss
}

Let us know how it goes.

Thanks.

[Cindy H]

Here is the example I am working on. Don’t mind the formatting, I want to make sure this works before I play with the style css.

http://dialectic.solutions/training-programs/privacy-training/

The button that reads “click here” has the [x_icon type=”circle-o”] icon. Once the person clicks on the button I would like the icon to switch to [x_icon type=”check-circle-o”].

How with css to I do that? Or is this javascript?

[Christian]

I see. Regretfully this isn’t a feature offered by X. This would require custom JS, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. Thanks for understanding. Take care!

[Cindy H]

No problem. Doesn’t hurt to ask first!

[Prasant Rai]

Feel free to ask us again. Have a great day! 🙂

[Author]

Posts