Currency button

Ask the Community General Questions
1

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

2

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.

image
image404×278 3.12 KB

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

image
image291×199 2.61 KB

image
image304×250 4.81 KB

image
image331×322 5.46 KB

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

image
image310×280 3.65 KB

3

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

4

It’s my pleasure. You’re welcome.

5

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

Thank you,
William

6

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;
}
7

If necessary, I would deactivate multiple selection

image
image

8

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