Print
Saturday, 18 May 2024, 10:56 AM
Site: selbstlernmaterial-moodle.de
Course: Tipps & Tricks der #moodlebande (Tipps & Tricks der #moodlebande)
Glossary: Tipps & Tricks der #moodlebande
F

Feedback: Checkboxen vergrößern

by Thomas Unkelbach - Monday, 10 October 2022, 12:08 AM
 

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

by Thomas Unkelbach - Tuesday, 31 January 2023, 3:56 PM
 

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

by Thomas Unkelbach - Wednesday, 24 May 2023, 1:56 PM
 
https://herrmayr.de/einen-floating-action-button-in-moodle-integrieren/
T@

Floating-Button

by Twitter: @FassnachtStefan - Wednesday, 14 December 2022, 4:36 PM
 

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

by Twitter: @w_wobble - Friday, 26 August 2022, 4:12 PM
 

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>