Tipps & Tricks der #moodlebande

Man kann alle Tabellen, aber insbesondere die in der Listenansicht von Datenbanken, sortierbar machen:

Eine Möglichkeit ist https://www.kryogenix.org/code/browser/sorttable/ (Anleitung durchlesen!) (ist in Hessen in den SchulMoodle integriert, man kann also Tabellen sortierbar machen)

It's possible to show a symbol in a sortable table's column headers to indicate that the table is sortable. To do this, add a bit of CSS to your stylesheet:

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { content: " \25B4\25BE" }

Note that this requires support for CSS generated content, which needs a modern-ish browser. You can, of course, change the generated content to whatever you want.

Beispielkurs mit Beispieltabelle: https://mo1300.schule.hessen.de/course/view.php?id=42

(Dank an @rettiwtaccount@mastodon.cloud)

Man sollte in sorttable.js (Quelle https://www.kryogenix.org/code/browser/sorttable/) bei den Zeilen 262 und 264 den Punkt durch Komma ersetzen, damit Kommazahlen auch in unserem Zahlenformat korrekt sortiert werden.

(Dank an @fusion@mastodon.social)

Link zur Website von Florian Dagner

So kann man erreichen, dass man in der Aktivität Test erst die erste Frage einer Seite richtig beantworten muss, bevor man zu nächsten Seite/Frage weitergehen kann.

1. Test erstellen

2. Am besten nur eine Frage auf eine Seite (Code nutzt die Auswertung der ersten Frage einer Seite)

3. Navigation vorgegeben einstellen

4. Code unten in einen Textblock auf der Fragenseite kopieren (Editor ausschalten)

<p>Du musst diese Frage erst richtig beantworten, bevor du weiter gehen kannst.</p>

<style>

    .submitbtns {visibility:hidden}

</style>

<script>

    setTimeout(()=>{

        grades = document.querySelector(".grade");

        var punkte = grades.innerText.split(" ");

        if (punkte[2]==punkte[4]) { 

            document.querySelector(".submitbtns").style.visibility="visible";

            console.log("Grades. "+grades.innerText)

        }

    },1000);

</script>

EIne bestimmte Anzahl an Spalten kann man fest vorgeben, bei dem sich der Text automatisch in den Spalten verteilt, indem man als style verwendet:

column-count: 2;

... oder wieviele man auch immer will. Das kann man vermutlich unterschiedlich anwenden, hier habe ich eine Liste mit Aufgabe zweispaltig gemacht, um Platz zu sparen.

----------

--------------

Damit ich mich nicht auf eine bestimmte Spaltenanzahl festlegen muss (abhängig von der Bildschirm-Breite) gibt es eine Lösung von Dag Klimas als Video.

Er trägt es als Admin ein, aber das könnte man sicher auch in einen CSS-Block als einfacher Trainer eintragen und dort nutzen.

Hier steht eine ausführliche Erklärung zu den verschiedenen Texteditoren.

Eintrag in Raw SCSS theme_boost | scss oder in einem <style>-Tag

Wenn man Text in einem Textfeld geschickt kodiert, kann man - abhängig von der in moodle eingestellten "Systemsprache" - Text in verschiedenen Sprachen anzeigen lassen:

<span lang="de" class="multilang">Hallo!</span>
<span lang="en" class="multilang">Hello!</span>

Diese Anpassungen und weitere Variationen eignen sich für Textobjekte (Textfelder und Beschreibungen von Aktivitäten), sie sind mit allen Editoren (Atto, TinyMCE usw.) kompatibel:

Überschrift:
<div style="background-image: linear-gradient(45deg, #013d83 0%, #0272f5 20%, #014ea8 50%, #0272f5 80%, #013d83 100%); padding: 10px; border-top-left-radius: 8px; border-top-right-radius: 15px; text-shadow: black 2px 2px 4px; color: #ffffff; text-align: center;">
    <span style="font-size: large;">
        <strong>Überschrift</strong>
    </span>
</div>

Hintergrund:
<div style="background-image: linear-gradient(0deg, #ffffff 0%, #d3e5f9 100%); padding: 5px;">
    Text
</div>

Auf der Basis des folgenden CSS-Codes lassen sich die Abschnittsüberschriften im Themenformat gestalten:

<style>
.course-section-header
{background: rgb(48,91,131);
background: linear-gradient(138deg, rgba(48,91,131,1) 0%, rgba(152,207,235,1) 92%);;
padding: 20px; 
font-family: Verdana, bold;
color: white;
font-size: 15px;
border-radius: 40px 0px 40px 0px;
}
</style> 

Dank an @FrauSpeckner : https://bildung.social/@FrauSpeckner/110909679224513293

Dieses Script von Florian Dagner in einem Textblock oder Textfeld erstellt einen Timer.