How to remove the fab option circle

[aneebali]

I want to remove the fab option circle i want only label is there any possibility ?

[kabumere]

@aneebali: yes it's possible. By default, the FabOption does not show any icon at all. Don't set an icon if you don't want one.

If you actually meant the ExpandableFab (which shows a white plus sign by default), then set efabIcon to null.

[aneebali]

i am talking about the circle i dont want the circle in fab otion

[kabumere]

@aneebali what circle? Are you talking about the button itself?

If so, you can set the color of your FabOption to be transparent (app:fab_color="#00FFFFFF" in XML or fabOption.fabOptionColor = Color.parseColor("#00FFFFFF") in code) so it's no longer visible.

However, the FabOption will still take space on the screen (even though you won't be able to see it due to its color). If you want to reduce its size as well, please look at the CustomSizesFragment and its layout file in the examples app.

Please take time to read the documentation and look through the examples app as well, as they both detail how to customize your ExpandableFab widget,

[aneebali]

@kabumere thankyou i got it and one more thing how i can reduce spaces from fabOptions

[kabumere]

@aneebali it depends on what space you're referring to.

• expandableFab.firstFabOptionMarginPx controls the vertical margin between the first FabOption and the ExpandableFab itself.
• expandableFab.successiveFabOptionMarginPx controls the vertical margin between successive FabOptions (1st to 2nd, 2nd to 3rd, 3rd to 4th, etc).
• label.marginPx controls the horizontal margin between the Label and the view it is attached to (either an ExpandableFab or a FabOption).

[aneebali]

Thankyou ♥️