Can this ajax loader load as an overlay as ajax_throbber module can?

Thank you

Comments

hmartens@gmail.com created an issue. See original summary.

robin.ingelbrecht’s picture

robin.ingelbrecht commented
Status: Active » Fixed

Yes, it has an option "Always show loader as overlay (fullscreen)"

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.

prasannag’s picture

prasannag commented

Overlay (fullscreen) option is available at config, but not working. I tried with dev version as well.

Let me know if anything needs to be done.

Anonymous’s picture

Anonymous (not verified) commented
Category: Support request » Bug report

You are right prasannag! There is a missing css file in this module which delivers the right css for the fullscreen ajax loader.
This is working for me.

.ajax-progress.ajax-progress-fullscreen{
  z-index: 11000;
  position: fixed;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
flyke’s picture

flyke commented

By default the overlay itself is made transparent by this module.
So your throbber is centered on the page, but there is no visible overlay on the page.
If you want that, you can add this to your theme's CSS:

.ajax-progress.ajax-progress-fullscreen {
    background-color: rgba(0,0,0,.4);
    width: 100%;
    height: 100%;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}