Sie können das Glossar über das Suchfeld oder das Stichwortalphabet durchsuchen.

@ | A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | Alle

F

Feedback: Checkboxen vergrößern

von Thomas Unkelbach - Montag, 10. Oktober 2022, 00:08
 

Dadurch werden die Checkboxen beim Feedback größer (Dank an @MatthiasRke)

.path-mod-feedback .form-inline .form-check-input {
    transform: scale(1.5);
    margin: .5rem;
    margin-right: 1rem;
    }

Feedback: Textänderung im Button

von Thomas Unkelbach - Dienstag, 31. Januar 2023, 15:56
 

Wenn der Text "Formular ausfüllen" des Buttons bei einem Feedback nicht passt, kann man den Text z.B. in  "Wählen" umändern. (Dank an TRMSC!)

Codeschnipsel hierzu unter https://github.com/TRMSC/moodle-editor-inline-codes/blob/main/activities/feedback-button.html


Floating Action Button

von Thomas Unkelbach - Mittwoch, 24. Mai 2023, 13:56
 

T@

Floating-Button

von Twitter: @FassnachtStefan - Mittwoch, 14. Dezember 2022, 16:36
 

Bietet die möglichkeit,

<script>

    setTimeout(function() {

        $('#page').append($(' <a href="Link bspw. zur Kursstartseite" title="Link bspw. zur Kursstartseite"> <div style="position: fixed; bottom: 20px; right: 20px; z-index: 9999;">  <img style="width: 100px;" src="Bild, dass der Floating-Button anzeigen soll" alt="Beschreibung des Bildes" width="100" height="100" class="img-fluid atto_image_button_text-bottom"> </div></a>'));

    }, 1000);

</script>



T@

Floating-Button zum Tour starten

von Twitter: @w_wobble - Freitag, 26. August 2022, 16:12
 

Folgender Code hilft um einen Floating Button zu erzeugen, der die Tour erneut startet.

Man kann ihn z.B. für einen Hilfe-Button zu Kursbeantragung nutzen.

<a id="resetpagetour" href="#">
<div class="buttonforhelp btn btn-success">
Hier gibt's Hilfe
</div>
</a>

<style>
 .buttonforhelp {
      border: none;
      padding: 5px;
      border-radius: 2px;
      color: white;
      text-align: center;
      text-decoration: none;
      line-height: normal;
      display: inline-block;
      font-size: 20px;
      font-weight: bold;    
position: fixed; bottom: 20px; left: 20px;
z-index: 9999;
      cursor: pointer;}
</style>