Responsive Overlap

[techbrainz001 (TechBrainz)]

Please help me in responsive overlap…

need to stick

like this… for different mobile screens

[hemantadahalofficial (Neo Developer)]

LOL Seriously he asking about overlap extension or some guides .

Also broo @techbrainz001 explain briefly so we can help you

[techbrainz001 (TechBrainz)]

ah… i need fixed overlap for all types of mobile screen …can you help…i tried overlap, profile view…but no use

[techbrainz001 (TechBrainz)]

and i tried this one tooo …https://youtu.be/0nI4wO8Tm-s …
in this everything is fine…but circle picture are going to save in our mobile…with asking permission

[Rogerio_Rios (Professional Support)]

I did, some time ago ( UI is not good ),but I don’t know if it’s responsive.
Sorry , i don’t use Any Extension.
I used Animation Utilities.

[techbrainz001 (TechBrainz)]

please show me the blocks

[Rogerio_Rios (Professional Support)]

Sorry, I got confused. Extension was to round the corners For overlap, Animation Utilities.

How to overlap components?

In this tutorial you will learn how to overlap components over one another. So, let’s keep it short here and get straight to the point Components For this tutorial, I’m using the components listed below, but you can change them as per your needs. [\ 24x24]Horizontal_Arrangement1(Color: Default) [image]Button1 [image]Button2 [image]Horizontal_Arrangement2(Color: Translucent pink) [image]Space1 [image]Checkbox1 [image]Snackbar1 [image]Animation_Util1 Blocks So, fir…

Kodular floating elements

you can overlap components using margin and padding from decorations in utilities. Check this Screen test2.ais (2.8 KB)

How to overlap components?

Just the same old overlapping** but with the decoration component** I’m just updating the old Shreyash’s AIA , Cuz i thought that it’ll be easy to catch-up with: What are the improvs you’ll get uing this method: 1. syntax is easy 2. simple to implement 3. So called “gap problem” will be resolved( for good ) Implementation: 1.Use a parent arrangement 2.place overlay under your background arrangement 3.just simply implement the blocks as i have W.R.T.your project. [blocks (4)] Overlay…

[techbrainz001 (TechBrainz)]

I tried this one … everything is fine…but the circle image is saving in my device…is there any way to without saving the image in my device

[Peter (Moderator)]

I removed your post in the guides topic. Stay in this topic.

[msr79526 (SR Official)]

How you create this.overlap the icon in the middle

[Rogerio_Rios (Professional Support)]

@msr79526

this.overlap the icon in the middle

For overlap, Animation Utilities.
It is CardView.

[msr79526 (SR Official)]

Position will be?

[Rogerio_Rios (Professional Support)]

Negative Value.
CardView are in HA.
And I make it move vertically with a negative value. But, I haven’t tested it on all cell phones. Another thing, I couldn’t avoid it with an area that is “dead”, without access. It has an extension that may avoid this problem. But I haven’t tested it yet.

Relative View Extension | Overlap Like a Pro | Complex UIs made simple in Kodular

Relative View Extension Relative is a simple and easy to use overlapping extension based on Relative Layout which enables you to create complex overlapped UIs easily. The UI is persistent across devices. It doesn’t matter if the device is wide or long. It keeps the UI as it is in all devices. Blocks [Create] Use this block to create a Main Layout that will hold all others views. You can use horizontal or vertical arrangement for this purpose. [AddView] Add views to you the main layout cr…

That’s the problem:

Relative View Extension | Overlap Like a Pro | Complex UIs made simple in Kodular

@zainulhassan Congratulations !!! I’m going to test it because I’m using blocks animation, but I have problems because certain areas of the screen are “inaccessible” (the problem may be that I’m doing something wrong, but I think your extension will solve it) There is a space that I cannot reduce or use. ( Animations Component ) [Screenshot_20210223-205637~2]