Cards as Buttons Pattern: Add / Remove from array

RE: Cards as Buttons Pattern: Add / Remove from array

Mike Schmitt — Thu, 01 May 2025 16:28:46 GMT

No prob - would appreciate a verify-answer for any/all you found helpful, as always ;-)

RE: Cards as Buttons Pattern: Add / Remove from array

jonathanf_kr — Thu, 01 May 2025 16:26:24 GMT

Figured that out as well. Order of parameters is opposite in contains, and whereContains.

Flipped those and it's all working as expected now. Thanks!

-- Posted before I saw your update. But that was it.

RE: Cards as Buttons Pattern: Add / Remove from array

Mike Schmitt — Thu, 01 May 2025 16:24:07 GMT

Also your WhereContains is backwards - I forget this all the time, too.

RE: Cards as Buttons Pattern: Add / Remove from array

jonathanf_kr — Thu, 01 May 2025 16:23:39 GMT

Always something so simple. That was it. Now I just need to update the logic for deselecting as it's just removing the first item in the list not the one I'm actually clicking on. Thanks!

RE: Cards as Buttons Pattern: Add / Remove from array

jonathanf_kr — Thu, 01 May 2025 16:21:31 GMT

Yeah I initially tried it without line 10. That was just one of my later attempts.

RE: Cards as Buttons Pattern: Add / Remove from array

Mike Schmitt — Thu, 01 May 2025 16:21:23 GMT

the "link:" parameter expects a link, not an array of link.

Fixing this issue seems to fix the issue I assume you're having, at least when I try it.

RE: Cards as Buttons Pattern: Add / Remove from array

jonathanf_kr — Thu, 01 May 2025 16:20:33 GMT

No it's not all the code I have. This is inside a a!foreach() loop. local!itemNum is a calculated value based on the loop the number of columns in my layout etc to generate a grid of buttons. This is all working as expected.

Layout is similar to below where each indivdual number is the a!cardLayout Component with the number as the text.

| 1 | 2 | 3 |

| 4 | 5 | 6 |

| 7 |

If I set ri!selectedPeriods = {3, 5, 7 } manually then those corresponding "buttons" are highlighted correctly using the style parameter.

What I want now is that if I click on 3 then the index is removed from ri!selectedPeriods list and the button will change colors as a result.

If I were to click on 6 then it will add the index to the selectedPeriods input and that now would change colors to the selected color.

Whatever, I'm doing in

link: a!dynamicLink(...) is not working and I'm trying to understand what might be happening or a better way to accomplish this.

RE: Cards as Buttons Pattern: Add / Remove from array

Mike Schmitt — Thu, 01 May 2025 16:16:45 GMT

[quote userid="274702" url="~/discussions/f/user-interface/39043/cards-as-buttons-pattern-add-remove-from-array/147696"]In line 10, you are still using the local variable[/quote]

I'd go one step further here, and point out that line 10 is irrelevant and not necessary. When the dynamic link only does manual a!save() statements, the "value" parameter is not needed or used for anything, and (for clarity/readability/sanity) should be removed.

Note: i'm not claiming this is causing the issue at play here, but (as we can see here) isn't making anything any *less* confusing.

RE: Cards as Buttons Pattern: Add / Remove from array

Stefan Helzle — Thu, 01 May 2025 16:11:39 GMT

It feels like this is not all the code you have.

What value does that local!itemNum have?

RE: Cards as Buttons Pattern: Add / Remove from array

jonathanf_kr — Thu, 01 May 2025 16:02:43 GMT

I have tried both ways, with local! and ri!. Neither work to update the array when clicking on the card button.

RE: Cards as Buttons Pattern: Add / Remove from array

Stefan Helzle — Thu, 01 May 2025 15:30:05 GMT

In line 10, you are still using the local variable. Could that be the reason?