Feature Request for full clickable property for arrangements

Feedback IWant
,
#1

Hi kodular,
I searched the Community for the feature (full Clickable property for Arrangements like card View), but did not get any extension or else…
This is very important feature for my app.
Because I have some Arrangements in which some other components like image, Label, Vertical or Horizontal Arrangements, etc. are present. The parent arrangements is clickable.

WHAT I DID

  • Now, temporarily I Set all the Components inside to clickable along with the parent arrangements.

PROBLEM

  • But the problem is that when we click the respective child components, a ripple is caused which show its Boundaries. Which is odd.

For example- See Image
Screenshot_20220322-214108

Screenshot_20220322-212804
Please solve the issue.

WHAT I WANT

  • Full clickable property for all Arrangements like card view.
  • OR allow us to remove ripple effect (touch feedback)
1 Like
#2

This would be great. It’s extremely annoying and leads to unprofessional looking apps.

4 Likes
#3

I would suggest you to set every content padding to 0

1 Like
#4

Ok. I’ll create it.
Btw you want a full clickable layout without ripple effect is it?

1 Like
#5

Any one,

  • EITHER arrangements to be full clickable
  • OR something to control the ripple effect like hiding ripples
  • OR On Clicking any component create ripples on some other component.
    Anything would solve my problem.

:pray:And thanks for taking interest.
I will mention you in my work.

2 Likes
#6

Sorry! But I think there is no padding in arrangements. How would it solve the problem can you elaborate @Yashk12

#7

use card view and set padding to zero

#8

Yes, But for the reason, I am using gradient color in Arrangements. So I cannot use Card View.
@Yashk12 Thanks buddy.
But did anyone got something, Any Progress! @nikzdevz

#9

I already have solution but didn’t have time to implement it… :persevere:

1 Like
#10

You can try:
https://www.sunnythedeveloper.xyz/2021/07/29/clickutil-utils-extension-to-handle-click-events-of-views/

3 Likes
#11

Thanks @vknow360 I will soon be on my PC and test if the problem is solved. And mark you as Solution.

#12

I tried but did not achievd success in placing the blocks. Should I set component clickable to False from true. Any other properties settings.

#13

com.nikzdevz.FullCLickLayout.aix (4.4 KB)
Check this Extension.

#14

Show what you tried.
Also check the examples given in the site.

#15

I tried but didn’t got it correct.

#16

I am unable to understand what you didn’t get correct.
image

1 Like
#17

Hi @vknow360 I got the matter, I tested the extension that you gave, and found that it works fine with label, Images etc but not with layout.
For details- reffer to the image.

Screenshot_20220402-192657
Screenshot_20220402-192657720×1600 83.4 KB

blocks (4)

Here, the Above Red layout is registered as full Clickable by your Extension.
The click Count increases by +1 upon clicking on image, Labels “Click Count” & “0”.
But on clicking in green area nothing happened.
You can refer to AIA:
Clickable.aia (30.7 KB)

1 Like
#18

Good Job and Thank you @nikzdevz this works fine.
AIA
Clickable1.aia (30.7 KB)

1 Like
#19

Thank you to both @vknow360 and @nikzdevz for great works.
@vknow360 your extension can also be used in my project, since, I did not have any layout inside layout. I use labels and images

2 Likes
#20

Works fine in App Inventor.

2 Likes