It's a great way to show the most obvious way first to explain the functionality but then also giving a shortcut. If you would jump directly to the shortcut, nobody would understand the logic behind. Perfectly explained!
Thanks for highlighting it, Elena! Glad you liked my approach :) Trying to learn from these and further improve in my future videos, so your comments are super helpful!
Thank you very much, the start delay "hack" did the trick! However I have a question: The last section of the video, where you add the condition ... isn't that meant to get rid of the start delay "hack"? However you didn't remove the start delay after adding the condition. When I am trying to recreate this behavior, I cannot make it work with the condition only.
Hello Florian, thanks for watching and trying this technique out. Good question! The delay ‘hack’ is a workaround because we are not selectively sending the ‘uncheck_radio’ message to only components that need it from the main pages, instead, we are allowing that to happen from within the component ( see 10:50 ) . That said, the reason for the condition isn’t to replace the delay! I think of it as a good hygiene practice that has been very helpful for me by preventing unintended actions when I’m adding on more and more complex logic to an interaction. But you’re right, this condition probably isn’t required at all for this specific radio button use case. But apparently the delay is! ( unless protopie updated their logic on how components execute instructions asynchronously within the component environment )
Great video brother. First of thanks for making this. In Protopie 2022 there is no option called "other component" in the channel option when we try to receive a msg from other components.
Hi Designer X, if I have multiple questions with button-like responses like 12:45 minute, how can I make them work independently of each question on the same screen?
@@aswindesign Yes, on a screen I put several questions, but when giving the answers in another question, the activated button is skipped to the others and the first answer is not respected.
Hey, for some reason my radio buttons are not getting the response and I tried adding the 0.2s delay.....the 5.0.5 version has different channel to send a message and that might be confusing me...any lights on this? thank you!
@@aswindesign Hey, I actually figured out...this latest version has an option to link to 4 different channels 😅and I was linking to the wrong one...thanks a lot!!
Hey awesome work! I wonder if you might know if I can use colors, that have been defined as variables in a scene, within a component. Basic idea here would be to have all my colors as global ressources. So if I ever change a color, I only have to change the respective color ressource.
Thanks Christian! Unfortunately there's no straightforward way that I can find on protopie related to your case as Fill property doesn't support formulas at the moment. Although you could do a work around with a Start trigger to fill based on formula. You'd define all the variables in scenes for this case. Alternatively if you want to use within components you can use send and receive feature to fill based on the message you send from a scene. For eg. inside a component i'd have a trigger to receive `color` message and if the value is `red` i'd fill that layer with the variable corresponding to `red` defined within that component ( I also have another video on this series on send and receive ). To reuse this you'd just have to copy this conditional logic, paste again, select all and edit the layer this logic applies to. Again these are hacky ways. Agree would be great to see this feature!
Hi, thank you very much for this, it was very helpful! I have rows of Yes and No radio buttons that are next to each other. is there a way that I can implement this functionality easily for this? or do I have to create multiple components for each yes/no row? thanks so much
Hello @QuickSilver . Yes - to answer your question you need components to achieve what you’re looking for. However you can combine each row of radio buttons into one component. this way you reuse functionality for each row.
That was all so nice sir... But i didn't get the concept of sending and receiving message to the current source.. If you can ..pls explain it bit more.. Thankuu 😇
Thanks dude! This tutorial helped me a lot !!! But I still have a question: If I have two combos of radio buttons in the same scene, how can I parameterize them so that one interaction does not affect the other?
Perhaps the order of actions could itself work? The time delay makes sure there's no conflicting actions rather than a hack - sometimes it may lead to unexpected behavior.
Appreciate the tutorial. You just saved me an hour of manually adding condition to each button!
Thanks a lot!
You made this so simple and save my day !! Thanks for telling us why parts don't work aswell it's great to know
Thanks for your kind words Nerys ❤
For anyone looking at this in 2023 - you can use the parent component rather than the other component option
Thanks for the call out :)
Thanks for this radio button trick!!
It's a great way to show the most obvious way first to explain the functionality but then also giving a shortcut. If you would jump directly to the shortcut, nobody would understand the logic behind. Perfectly explained!
Thanks for highlighting it, Elena! Glad you liked my approach :) Trying to learn from these and further improve in my future videos, so your comments are super helpful!
Thank you very much, the start delay "hack" did the trick! However I have a question: The last section of the video, where you add the condition ... isn't that meant to get rid of the start delay "hack"? However you didn't remove the start delay after adding the condition. When I am trying to recreate this behavior, I cannot make it work with the condition only.
Hello Florian, thanks for watching and trying this technique out. Good question! The delay ‘hack’ is a workaround because we are not selectively sending the ‘uncheck_radio’ message to only components that need it from the main pages, instead, we are allowing that to happen from within the component ( see 10:50 ) . That said, the reason for the condition isn’t to replace the delay! I think of it as a good hygiene practice that has been very helpful for me by preventing unintended actions when I’m adding on more and more complex logic to an interaction.
But you’re right, this condition probably isn’t required at all for this specific radio button use case. But apparently the delay is! ( unless protopie updated their logic on how components execute instructions asynchronously within the component environment )
How do we have same for chips? I want text colour to change but there is no option.
Great video brother. First of thanks for making this. In Protopie 2022 there is no option called "other component" in the channel option when we try to receive a msg from other components.
Heyy Thanks for letting me know :) It's probably time for me to make an updated one! 🙌🏽
Thank for your sharing, amazing
great tip for radio buttons! I was going to make it SOOOO much more complicated! Really helpful, thanks
Hmm Outside Component is no longer on option?
Hi Designer X, if I have multiple questions with button-like responses like 12:45 minute, how can I make them work independently of each question on the same screen?
Sorry to clarify - What you’re describing is the check-mark functionality right?
@@aswindesign Yes, on a screen I put several questions, but when giving the answers in another question, the activated button is skipped to the others and the first answer is not respected.
Have you checked if you have defined the logic correctly? Looks to me like you might have defined the logic incorrectly on tap event on each question?
@@julioc3335 Send me your file to me@aswin.design ! i can take a look for you :)
Nice do more like this you have good future in RUclips regarding in ProtoPie
Thanks Shaik! Glad you found it helpful
thank you so much for your protopie tutorials, they helped me so much. looking forward more protopie tuts
Thankyou @mb20grrl :)
Hey, for some reason my radio buttons are not getting the response and I tried adding the 0.2s delay.....the 5.0.5 version has different channel to send a message and that might be confusing me...any lights on this? thank you!
Hey Jhonatan! Thanks for reporting this. I'm not sure if protopie has updated any functionality. Let me try it out and update back!
@@aswindesign Hey, I actually figured out...this latest version has an option to link to 4 different channels 😅and I was linking to the wrong one...thanks a lot!!
Jhonatan Alba ah got it! Thanks Jhonatan :)
@@jhonatanalba1210 Hey! Same thing is happening to me. What channels did you end up switching to?
Hey awesome work!
I wonder if you might know if I can use colors, that have been defined as variables in a scene, within a component. Basic idea here would be to have all my colors as global ressources. So if I ever change a color, I only have to change the respective color ressource.
Thanks Christian! Unfortunately there's no straightforward way that I can find on protopie related to your case as Fill property doesn't support formulas at the moment. Although you could do a work around with a Start trigger to fill based on formula. You'd define all the variables in scenes for this case.
Alternatively if you want to use within components you can use send and receive feature to fill based on the message you send from a scene. For eg. inside a component i'd have a trigger to receive `color` message and if the value is `red` i'd fill that layer with the variable corresponding to `red` defined within that component ( I also have another video on this series on send and receive ). To reuse this you'd just have to copy this conditional logic, paste again, select all and edit the layer this logic applies to.
Again these are hacky ways. Agree would be great to see this feature!
Hi, thank you very much for this, it was very helpful! I have rows of Yes and No radio buttons that are next to each other. is there a way that I can implement this functionality easily for this? or do I have to create multiple components for each yes/no row? thanks so much
Hello @QuickSilver . Yes - to answer your question you need components to achieve what you’re looking for. However you can combine each row of radio buttons into one component. this way you reuse functionality for each row.
@@aswindesign thank you sooo much! combining each row of radio buttons into one component is what I did!
That was all so nice sir... But i didn't get the concept of sending and receiving message to the current source..
If you can ..pls explain it bit more..
Thankuu 😇
Thanks dude! This tutorial helped me a lot !!! But I still have a question: If I have two combos of radio buttons in the same scene, how can I parameterize them so that one interaction does not affect the other?
any way i can achieve this without the time delay hack, current method is good, i am just curious..
Perhaps the order of actions could itself work? The time delay makes sure there's no conflicting actions rather than a hack - sometimes it may lead to unexpected behavior.
maybe with Adobe XD you can do it so easy not like this
Sure, each tool brings its own convenience :)