Struggling with toggle switch states

[sabbas]

Hello everyone!

I’m a complete newbie and am in the process of creating a simple online game management application (ttrpg).

On my profile page (dashboard), I have a tab where users can choose their game style preferences (combat, exploration, roleplay, etc.). All these styles are stored in a Xano database (game_style) and linked to the user database (user) via a game_style_id. There are currently 10 different styles, and I wanted to display them on the tab in two columns of five with the name taken from the database and a toggle switch next to each one.

For now, the application is able to find the styles saved by the player (directly on Xano) and display them with the toggle switches activated. I would really like to allow the player to change the toggle and then click “save” to send a request to Xano to update the data in their user file.

Here are a few screenshots to show what I mean. I’m completely stuck at the workflow stage. I was thinking of creating a workflow that would be activated each time the toggles were changed, saving the values in a temporary variable that would then be sent via the button. But there must be a way to retrieve the states of each switch in order to send them via the button.

Thanks in advance for any help!

[sam1]

as long as the toggles aren’t in a repeated group you should be able to just look at the toggles state when you click save. If they are repeated you will need a variable.

[Joyce]

Hey @sabbas Congrats on getting started! The project looks cool

+1 on what @sam1 said.

If the toggles are in a repeated group, I’d recommend using a component to handle the state of each toggle more easily. This video explains the approach: https://youtu.be/fVhZib-MZ1A