I use floating action in web page, it is at right corner , how change thje position?

Hi, There,

I use floating action in web page, it is at right corner , how change thje position?

Many Thanks,

Jack







Hi Jack,

You can do that by changing the left, right, top, bottom properties for the floatig-actions class.

For example to show it on the left instead of the default right position you can add the following CSS to the bottom of your application style sheet, or in the screen style sheet.

.floating-actions {
    left: 0;
    right: unset;
}

Regards,

Daniel

Hi,Daniel,

Can it place at middle?

Thanks again,


of course, you can position it anywhere you want with the correct CSS

.floating-actions {
    left: calc(50% - 116px);
    right: unset;
}

50% is the middle of the screen width, 116px is the widget of the floating action widget to discount to get it centered.