Different button size for mobile version

[jimsalabim]

Hey guys,

my customer is asking me if I can enlarge the hotspot button size for the mobile version. They should also not have mouse over. Hopki showed me how to hide objects in the mobile version but I have no idea how to do this. Is it possible?

Thanks,
Daniel

[Tony]

Hi Daniel,

enlarge the hotspot button size for the mobile version

1. Add a logic block to the the rectangle with the icon. Use the Is Mobile trigger and change the height and width.

mobile-1.jpg (1.14 MiB) Viewed 15948 times

2. Change the icon dimensions from pixels to percentage so it scales when the rectangle scales

mobile-2.jpg (1.5 MiB) Viewed 15948 times

3. The difference between desktop and mobile

compare.jpg (735.85 KiB) Viewed 15948 times

Note: the background looks like a round rectangle rather than a circle. To fix this you would use the same logic on the Rectangle Radius and increase it to something like 99.

They should also not have mouse over.

4. Add the Is Mobile trigger to the text box so nothing happens on a mobile

mobile-3.jpg (1.13 MiB) Viewed 15948 times

[jimsalabim]

Thnaks so much Tony!

I tried it out but I can´t see any changes on the mobile button size. Can you see whether I did something wrong?
(sorry...its German...)

[Tony]

Hi Daniel,

What skin are you using?

Tony

[jimsalabim]

I think it originally was feather box. I messed aroud with it quite a lot (attached).
The tour is here:
https://lueneburger-strasse.360.inakindergarten.de/

[Tony]

Hi,

Okay, forget the other way, here is the simple way.

1. Output

RPGT_6.png (1.82 MiB) Viewed 15898 times

2. Select ht_info_bg and create a Scale logic block that sets the scale to 200% on mobile

2.set scale.png (804.66 KiB) Viewed 15898 times

3. If you want to have the tooltip visible create a Position logic block that offsets the tooltip by -34 on mobile

3 set offset.png (846.02 KiB) Viewed 15898 times

4. To compensate for the original scale set a Scale logic block that sets the scale to 50% on mobile

4 reverse scale.png (823.32 KiB) Viewed 15898 times

5. To show the tooltip on mobile modify the Alpha logic block

5.alpha.png (838.39 KiB) Viewed 15898 times

Tony

[Tony]

Hi,

For some reason I couldn't attach the skin to the other post so here it is.

feather_box_orig_mobile.ggsk

(98.94 KiB) Downloaded 357 times

Tony

[jimsalabim]

Thank you so much Tony, we´re working on it to modify all skins now.

One last question:
I know how to hide an objekt only for mobile.
Would you be so kind to let me know how I do it the other way around, meaning how to change the setting that the object is ONLY visible mobile?

Thank you!!

[jimsalabim]

Actually, I think I found out: its the same command you have showed in your scrrenshots, I just need to apply it for visablity, correct?