How To Create Layout

[Unknown_Designer (Himanshu)]

Hey Koders,

Anyone know how to create layout like floating layout like this

[Rogerio_Rios (Professional Support)]

A transparent horizontal arrangement, a Card view inside with color and the 2 buttons or 2 images and a space below.
No ?

[themaayur (Mayur Berad)]

@Rogerio_Rios

A transparent horizontal arrangement, a Card view inside with color and the 2 buttons or 2 images and a space below

[Mohamed_Tamer]

You can design it as @Rogerio_Rios said and for making it

@Unknown_Designer

floating layout

https://community.kodular.io/t/floating-action-view-customized-version-of-a-fab-free/75926/6
Works while app is minimized as well

Floating View: float your component. [FREE]

1.Introduction Extension Name: Floating View Through this extension, it is possible to transfer its visible component to a floating view capable of remaining active while the user is in other activities. An example of an application that uses this feature is the messenger. Latest Version: 1.2 Released:2020-06-14T11:52:00Z (UTC) Last Updated:2020-06-28T18:25:00Z (UTC) 2.Blocks [component_method (32)] [component_method (43)] [component_method (37)] [component_method (41)] [component_m…

Also you can create it using animation utilities component.using this method:

How to overlap components?

Yes, I know it and that’s why instead of hard-coding the values of start and end position, I have used these blocks so that the HVA2 overlaps HVA1 everytime, irrespective of the screen size. PS: This is just an example showing how animation utilities component can be used to overlap components. If you want to achieve different results, say instead of overlapping components fully you want to overlap a fraction of it, these blocks need to be changed.

[The_K_Studio (Karan M.)]

You can use Lottie animation while loading data and after that invisible it.

[Rogerio_Rios (Professional Support)]

@Unknown_Designer

to create layout like floating

Oh, now It is another image…

[Adhil_Salim]

@Rogerio_Rios

A transparent horizontal arrangement, a Card view inside with color and the 2 buttons or 2 images and a space below

But does this work as floaing layout?

@Unknown_Designer

floating layout like this

[The_K_Studio (Karan M.)]

Have you searched your requirements on community??

I guess you didn’t.

This may help:

https://community.kodular.io/t/floating-action-view-customized-version-of-a-fab-free/75926?u=the_k_studio

Edit-it is already mentioned in post#4

[Mohamed_Tamer]

We can take @Rogerio_Rios design and float it using one of these methods:

How To Create Layout

You can design it as @Rogerio_Rios said and for making it Works while app is minimized as well Also you can create it using animation utilities component.using this method:

[Rogerio_Rios (Professional Support)]

@Adhil_Salim

But does this work as floaing layout?

Friend, I wrote this because the author of this post placed another image (not the one that is posted). See that other users agreed with my suggestion (based on the other image).

[Adhil_Salim]

@The_K_Studio

Have you searched your requirements on community??

Yep

@The_K_Studio

I guess you didn’t

You guessed wrong.

@Mohamed_Tamer

We can take @Rogerio_Rios design and float it using one of these methods

Yes thank you. I thought we just need to do as he said

@Rogerio_Rios

A transparent horizontal arrangement, a Card view inside with color and the 2 buttons or 2 images and a space below.

Thank you all

[Adhil_Salim]

@Rogerio_Rios

Friend, I wrote this because the author of this post placed another image (not the one that is posted). See that other users agreed with my suggestion (based on the other image).

Hey hey I thought that we can do this with a layout itself

Don’t take me wrong. I’m not against your suggestion .

Just asked.

Btw thanks @The_K_Studio

@The_K_Studio

This may help

[Rogerio_Rios (Professional Support)]

I’m a layout creation apprentice…
I am not expert in designer…

[ADDYLIN]

Use Animation Utilities.

Overshoot Vertically a Custom Card View Design ( that red one ) to the Bottom.

[Adhil_Salim]

@Rogerio_Rios

I am not expert in designer

Me too
I saw that you are prokoder and thought that you have that option (float a layout)

[Rogerio_Rios (Professional Support)]

Like that

[themaayur (Mayur Berad)]

I think no need of animation Utilities just use the FAB Extension and set gravity to bottom center and you are done.
https://community.kodular.io/t/floating-action-view-customized-version-of-a-fab-free/75926

I have used it in my app same as yours just different design.

See the Reach topbutton at bottom
It’s a card view with a button on inside. You can make your own design according to your need.

[ADDYLIN]

@themaayur

just use the FAB

Oh Sorry,
i have never used FAB
so i didn’t knew about it

Thanks i will try that too.