Backdrop example

okay, I might need some help on this. @mhartington Could you please suggest some workaround. Tried a lot but nothing seems to work.

Thank you.

Hi @mhartington,

Any updates on this please? Any alternate solution to blur screen at the background when Floating action is clicked and show button on top of blured background?

Thank you.

You probably would want to create your own directive for this then.

Did you eve figure out how to add content on a backdrop?

Hi there,

just a follow on question, if I wanted to a backdrop and only highlight one part of the page? as it was done when I logged into the forum, it highlighted my gravicon… how would one do that?

Regards…

The backdrop is not made for this, but i would first try to increase z-index of that “highlighting” element. Maybe it is enough and destroys not your whole layout :D.

In the same way modal, alert and any ui component using the backdrop work.
Think about something like layers:

  • first layer --> your normal app content
  • second layer --> backdrop
  • third layer --> Action Sheet, Modal, …

Great, I will try that. Thank you for the advice…