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
Sina
(Sina)
May 25, 2025, 9:32pm
2
Hi @William62 welcome to community
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
Sina
(Sina)
May 25, 2025, 9:42pm
4
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
Sina
(Sina)
May 25, 2025, 10:08pm
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;
}
2 Likes
Sina
(Sina)
May 25, 2025, 10:12pm
7
If necessary, I would deactivate multiple selection
3 Likes
Wonderful, Yes I deactivated the multiple option. I is working nice, not to apply to the rest of the results.
3 Likes