Show the Floating Action Button on the left side

[Tree_Productoins (Sketch)]

Hello Koders,

Today i would like to show my first tutorial
In this tutorial i am going to tell you how to show the Floating Action Button on the left side of the screen.

So lets start:
Firts we have to get the Width of the screen using this block.

To position the Floating Action Button on the left side of the screen, we will divide the width of the screen by 1

The only problem is that this will hide the Floating Acttion Button
because it goes too far to the left side.

So we have to add - 70 the show it on the left side.

All Blocks put together

This will show the Floating Action Button on the left side of the screen.
Note: Keep in mind that it wont work verticaly when Title/Status Bar are set to true

I hope this helps alot and that i explained evrything right.
Hope you can have the same result as me.

AIA:
left_side_Floating_Action_Button.aia (1.8 KB)

[rizu (Rizu Barury)]

It’s a nice and helpful guide!
Good Luck on making these guides!

[Tree_Productoins (Sketch)]

Thanks

[Mohamed_Tamer]

Great guide … i have only one question: isn’t dividing by 1 result the same number or i’m wrong…

[Boban (Boban Stojmenovic)]

We have this one…

Centralize FAB - Vertically and Horizontally

This topic will contain a table of contentsHello, I was going to sleep yesterday when I thought of a way to centralize the FAB (Floating Action Bar), so, mathematically, I thought the following way (Follow step-by-step). Getting the Width of the Screen To get the width of the canvas is easy, just add an object (I’ll use an arrangement) and set its width to fill all the available content, it is important that this object has no obstacles and that can fill the entire width of the screen: [image] …

[Mohamed_Tamer]

@Tree_Productoins

It isn’t the same

May be you can tell what is the width returned if we didn’t divide by one?

[Tree_Productoins (Sketch)]

Oh,
I didn’t know there was another tutorial

[Vedang (Indian boy)]

Good guide

[Boban (Boban Stojmenovic)]

@Tree_Productoins

So we have to add - 70

Btw, what does 70 stands for?

[Atom_Developer]

Fantastic guide!
But we also have this
It allows you to set gravity

Floating Action View : Customized Version Of A FAB [FREE]

Hello everyone,here is my new extension! Floating Action View : Customized Version Of A FAB This extension allows you to create a floating action view on screen with any view like button,cardview,layout,etc… You can also set the view Gravity with it(Position). As you are setting custom view,It can have any shape and size! Thanks to @chaimk and @Eric_Binger for sponsoring this extension Blocks [FAVBlocks] DemoUsageBlocks [FAVUsageBlocks] DemoUsageScreenshots These all are done with cardvie…

[msr79526 (SR Official)]

Some new thing​

[Tree_Productoins (Sketch)]

@Tree_Productoins

Action

I just realized that dividing it by 1 is the same

[ADDYLIN]

Show the Floating Action Button on the left side

Btw, what does 70 stands for?

Can You Please Tell That -70 Part.

[Tree_Productoins (Sketch)]

So when I just use the width as the gravity the Floating Action Button isn’t visible(this happens on my phone) on the screen so i decreased it by 70 so it would be visible.