frankyonnetti
2/1/2020 - 7:14 PM

#drupal #d7 #throbber

Drupal 7 - ajax throbber #drupal #d7 #throbber

/*
 * .ajax-progress.ajax-progress-throbber
 * .ajax-progress.ajax-progress-throbber .message
 * .ajax-progress.ajax-progress-throbber .throbber
 */


/* 
 * these apply to auto-completing form fields 
 */
html.js input.form-autocomplete {
  background-image: url(path-to-your/loader.gif); /* tweak this according to your gif */
  background-position: 100% 0px; /* tweak this according to your gif */
  background-repeat: no-repeat;
}
html.js input.throbbing {
  background-position: 100% -20px; /* tweak this according to your gif */
}

 
/* 
 * these apply to all ajax progresses 
 */
.ajax-progress {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.ajax-progress.ajax-progress-throbber .throbber {
  background: transparent url(path-to-your/loader.gif) no-repeat 0px 0px; /* tweak this according to your gif */
  float: left;
  height: 20px; /* tweak this according to your gif */
  width: 20px; /* tweak this according to your gif */
  margin: 2px;
}