Forum Discussion

JaclynJGish's avatar
JaclynJGish
Community Member
7 days ago

Grouped objects as button sets

Hi all, I've read a few articles about how to use grouped objects as button sets, but I cannot get it to work on my project. I'm hoping you all can help! On slide 1.3, I want the users to select a r...
Articulate 360
  • JesseWu's avatar
    JesseWu
    7 days ago

    Long story short, right click your SVGs and bring your Vector 2 and 3 to the front.

     

    Originally I found something is off. When I click radio button 2 and 3, there is a green edge peak out on money stacks above. Just like the screenshot you posted. Soon I found out your Vector 2 and 3 include more than 1 money stack when selected, while vector 4-6 as placeholders. Now your placeholders are on top of your desired objects. You need to reverse their positions.

     

    Bonus, maybe introduce a disabled as initial state for your objects and reset states when you select other buttons. Otherwise I can click on money without clicking the radio buttons. Then the icons can get confusing. Maybe that is not you want.

JesseWu's avatar
JesseWu
Community Member

Long story short, right click your SVGs and bring your Vector 2 and 3 to the front.

 

Originally I found something is off. When I click radio button 2 and 3, there is a green edge peak out on money stacks above. Just like the screenshot you posted. Soon I found out your Vector 2 and 3 include more than 1 money stack when selected, while vector 4-6 as placeholders. Now your placeholders are on top of your desired objects. You need to reverse their positions.

 

Bonus, maybe introduce a disabled as initial state for your objects and reset states when you select other buttons. Otherwise I can click on money without clicking the radio buttons. Then the icons can get confusing. Maybe that is not you want.

JaclynJGish's avatar
JaclynJGish
Community Member
6 days ago

Thanks, JesseWu -- this fixed my problem. I also see what you were mentioning about the states changing by just clicking on the objects themselves. This is, indeed, not what I want to happen. Can you provide some more information about the solution you are suggestion or point me toward some articles? 


Thanks!

  • JesseWu's avatar
    JesseWu
    Community Member
    6 days ago

    Of course, you can use multiple triggers to reset the status.

    I am lazy, so a easy way out is , put a big transparent rectangle above to cover all your SVGs, just like how your placeholders covered your selected objects originally. All click behaviors will be on this rectangle because it is on top. But nothing would happen because there is no triggers attached to it. You can still see through because it is transparent. 

    Not a standard way, but it works.

    • JaclynJGish's avatar
      JaclynJGish
      Community Member
      6 days ago

      I like lazy! Thanks!

Related Content