135
Views
3
Comments
I use floating action in web page, it is at right corner , how change thje position?
Question

Hi, There,

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

Many Thanks,

Jack







2024-07-05 14-16-55
Daniël Kuhlmann
 
MVP

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

UserImage.jpg
Jack Bao

Hi,Daniel,

Can it place at middle?

Thanks again,


2024-07-05 14-16-55
Daniël Kuhlmann
 
MVP

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.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.