Currency button

Hi,
I am loving this app. I built a claculator and would love to see a way to have the currency be selected in either CAD or USD. Is there a way to do this in CSS?
Right now each Currency is on a new line in results but it gets really busy looking.
This is what I am playing with.

Thanks
William

3 Likes

Hi @William62 welcome to community :clap:

Create a conditional logic for the currency with a Choice or Dropdown field.
On the Result page, you can then display the result under this condition.

1= USD (1$)
2= CAD (1,37C$)



You can then also hide the currency that wasn’t selected.

3 Likes

Wow, thank you so much. That looks perfect. Cheers

2 Likes

It’s my pleasure. You’re welcome.

1 Like

Almost there. One thought, Im using choice, is there a way to put them beside each other instead of below?

Thank you,
William

1 Like

Hi @William62
Please try the following.
Add this code to the Custom CSS field on the Settings tab of your Calculator widget’s settings:

[class*="choice__OptionsContainer-sc"]{
display: grid!important;
grid-template-columns: 1fr 1fr!important;
gap: 1rem!important;
}
2 Likes

If necessary, I would deactivate multiple selection

image
image

3 Likes

Wonderful, Yes I deactivated the multiple option. I is working nice, not to apply to the rest of the results.

3 Likes