How can the text and icon element be in the same row when the default container layout of the cell is a column? The tutorial is missing the very important part of setting the cell's container layout to fixed (I assume this is used by Joshua), but I would recommend using "Align to parent" here and setting the right alignments and padding for elements within the repeating group. The rest related to data is great, but the layout thing can be confusing for some users ;)
Hi, thanks for your question! Two possible explanations for this that immediately come to mind are: 1) Type of content. Have you set your repeating group's type of content to be "todo"? If not, any child elements within your repeating group won't know what content to inherit from the parent cell. Instead, you might just see "Current cell's Thing." 2) Parent-child hierarchy. All elements reference whatever parent container they're nested in. If you have a text box in the cell, it'll reference "Current cell's [thing]." However, if you have a text box nested within a group and then that group is in the cell, the text box will only be able to reference the group's thing since that's its direct parent. Easy fix: if the text box is referencing the group, you can make the group reference the cell. Just set the group's thing to be "Current cell's todo." And then the text box (or whatever element it is) within that group can reference the "Parent group's todo." Hope this helps! Thanks so much for watching!
@@BubbleIO - You nailed it. My todo's weren't showing either. As you mentioned, it was because my repeating group "Data source" wasn't set to "Search for todos". Thank you!
Great question! You can use conditional statements to program this behavior. - In the Workflow tab: you can have two workflow events for when your icon/button is clicked. One that only runs if the task's done status is "no" (that then changes the task's done status to be "yes"). And one that only runs if the task is already "yes" (that then changes the task's done status to "no"). Use the "Only when" input at the bottom of the event to add these conditionals. Then, a user should be able to toggle the icon/button done or not done. - In the Design tab: go to your button or icon and go to the "Conditional" tab. Josh already added one conditional to change the icon if the task's done status is set to "yes." You can add one more statement to revert your icon or button if the status is set to "no." Hope this helps and thanks for watching!
@@BubbleIO Hi thanks so much for the extra info, loved the vid! Mine doesn't seem to be working and I'm hoping you could tell me why. I have made two workflows for when the Icon is clicked. On both I have set the thing to change as 'current cells todo'. On the first one I have set done = yes and on the other done= no. On the first one I have set the 'only when' to be 'current cells todo done is no' and the oposite for the second workflow. It still doesn't toggle and I was wondering if I had understood it correctly?
Hi @user-cp7eu4wk7m, thanks so much for watching! Really appreciate this question! Based on your description, it sounds like you set it all up correctly. Two thoughts: 1) Out of curiosity, do you have your conditional statements on the workflow events themselves or on the actions within each workflow? In this case, it might help your page to process only one workflow at a time to have the conditional statement on the entire event. 2) Beyond that, a GREAT way to peek under the hood of how your app is working would be to use the debugger, which you can see at the bottom of your app whenever you hit "Preview." You can change the debugger mode from "Normal" to "Step-by-Step." Then, when you try to press the icon to toggle, the page should slow down and walk you through exactly which logic it's trying to enact, workflow action by workflow action. Here's a link in our manual if you'd like to read more about the debugger: manual.bubble.io/help-guides/maintaining-an-application/testing-and-debugging/using-the-debugger#using-the-debugger Hope this helps! Happy building!
@@BubbleIO Hi! I am having a similar issue. I've tried both solutions proposed: setting up 2 separate conditional workflows, and also setting up 1 single workflow with 2 condition steps. I also am unable to get the button to toggle correctly. When I run the debugger, it seems the run each conditional flow concurrently. So if the icon starts unticked, the debugger shows that first the icon is ticked (flow 1) but the unticked immediately (flow 2). How would you get around this (for example, can we write an if then statement?) Thanks!
How can the text and icon element be in the same row when the default container layout of the cell is a column? The tutorial is missing the very important part of setting the cell's container layout to fixed (I assume this is used by Joshua), but I would recommend using "Align to parent" here and setting the right alignments and padding for elements within the repeating group. The rest related to data is great, but the layout thing can be confusing for some users ;)
My app looks nothing like this. My default layout is not the same.☹
Under RepeatingGroup and Layout Tab set "Cell's container layout" to "Fixed", then you can follow the tutorial ;)
I don't have the current cells' todo, why is that?
Hi, thanks for your question! Two possible explanations for this that immediately come to mind are:
1) Type of content. Have you set your repeating group's type of content to be "todo"? If not, any child elements within your repeating group won't know what content to inherit from the parent cell. Instead, you might just see "Current cell's Thing."
2) Parent-child hierarchy. All elements reference whatever parent container they're nested in. If you have a text box in the cell, it'll reference "Current cell's [thing]." However, if you have a text box nested within a group and then that group is in the cell, the text box will only be able to reference the group's thing since that's its direct parent. Easy fix: if the text box is referencing the group, you can make the group reference the cell. Just set the group's thing to be "Current cell's todo." And then the text box (or whatever element it is) within that group can reference the "Parent group's todo."
Hope this helps! Thanks so much for watching!
@@BubbleIO - You nailed it. My todo's weren't showing either. As you mentioned, it was because my repeating group "Data source" wasn't set to "Search for todos". Thank you!
I am unable to see any of the todos in preview, what may be the reason? It’s happening throughout all my repeating groups
How do I make the task done button a bit more functional? Like I can do and undo task multiple times?
Great question! You can use conditional statements to program this behavior.
- In the Workflow tab: you can have two workflow events for when your icon/button is clicked. One that only runs if the task's done status is "no" (that then changes the task's done status to be "yes"). And one that only runs if the task is already "yes" (that then changes the task's done status to "no"). Use the "Only when" input at the bottom of the event to add these conditionals. Then, a user should be able to toggle the icon/button done or not done.
- In the Design tab: go to your button or icon and go to the "Conditional" tab. Josh already added one conditional to change the icon if the task's done status is set to "yes." You can add one more statement to revert your icon or button if the status is set to "no."
Hope this helps and thanks for watching!
@@BubbleIO Hi thanks so much for the extra info, loved the vid! Mine doesn't seem to be working and I'm hoping you could tell me why. I have made two workflows for when the Icon is clicked. On both I have set the thing to change as 'current cells todo'. On the first one I have set done = yes and on the other done= no. On the first one I have set the 'only when' to be 'current cells todo done is no' and the oposite for the second workflow. It still doesn't toggle and I was wondering if I had understood it correctly?
Hi @user-cp7eu4wk7m, thanks so much for watching! Really appreciate this question! Based on your description, it sounds like you set it all up correctly. Two thoughts:
1) Out of curiosity, do you have your conditional statements on the workflow events themselves or on the actions within each workflow? In this case, it might help your page to process only one workflow at a time to have the conditional statement on the entire event.
2) Beyond that, a GREAT way to peek under the hood of how your app is working would be to use the debugger, which you can see at the bottom of your app whenever you hit "Preview." You can change the debugger mode from "Normal" to "Step-by-Step." Then, when you try to press the icon to toggle, the page should slow down and walk you through exactly which logic it's trying to enact, workflow action by workflow action.
Here's a link in our manual if you'd like to read more about the debugger: manual.bubble.io/help-guides/maintaining-an-application/testing-and-debugging/using-the-debugger#using-the-debugger
Hope this helps! Happy building!
@@BubbleIO Hi! I am having a similar issue. I've tried both solutions proposed: setting up 2 separate conditional workflows, and also setting up 1 single workflow with 2 condition steps. I also am unable to get the button to toggle correctly.
When I run the debugger, it seems the run each conditional flow concurrently. So if the icon starts unticked, the debugger shows that first the icon is ticked (flow 1) but the unticked immediately (flow 2).
How would you get around this (for example, can we write an if then statement?) Thanks!
@@BubbleIO Ah never mind, I got it! You have to set the condition at the Workflow level, not the Step level. Thank you!
Sorry but this was one of the worst tutorials so far. Keep to coding bro. Let the ones that know how to educate do it.