https://wiki.MathWebStudio.net/index.php?action=history&feed=atom&title=ContainerContainer - Revision history2026-04-15T15:21:12ZRevision history for this page on the wikiMediaWiki 1.31.0https://wiki.MathWebStudio.net/index.php?title=Container&diff=77&oldid=prevBenedikt at 12:40, 26 February 20212021-02-26T12:40:43Z<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revision as of 12:40, 26 February 2021</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l6" >Line 6:</td>
<td colspan="2" class="diff-lineno">Line 6:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Einstellungen ===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Einstellungen ===</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''Ausrichtung''': Blöcke innerhalb des ''Container''-Rahmens werden entsprechend der Auswahl links, mittig oder rechts bzw. oben, mittig oder unten angeordnet. <br></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''Ausrichtung''': Blöcke innerhalb des ''Container''-Rahmens werden entsprechend der Auswahl links, mittig oder rechts bzw. oben, mittig oder unten angeordnet. <br></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''Größe''': Die Breite des ''Container''-Rahmens kann durch Angabe einer Prozentzahl (z.B. 80%) oder die Angabe einer Maßzahl (z.B. 600px oder 3cm) verändert werden.  </div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''Größe''': Die Breite des ''Container''-Rahmens kann durch Angabe einer Prozentzahl (z.B. 80%) oder die Angabe einer Maßzahl (z.B. 600px oder 3cm) verändert werden<ins class="diffchange diffchange-inline">. <br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">'''Darstellungslevel''': Der Inhalt des Containers wird nur angezeigt, wenn das vorgegebene Level ausgewählt ist. Es ist auch möglich, den Inhalt immer oder auch gar nicht anzeigen zu lassen. <br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">'''Bedingung''': Die Bedingung ist eine mathematische Formal, z.B. x>0 oder v=1. Der Inhalt des Containers wird nur angezeigt, wenn die Bedingung erfüllt ist. Auf diese Weise können Aufgabenstellung und Lösung abhängig von den Parameterwerten variieren. <br></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">'''Inhalt erst verdecken''': Der Inhalt des Containers wird nicht direkt angezeigt, sondern es erscheint ein Schalter zusammen mit einem (selbst wählbaren) Text, über den die Studierenden selbst steuern können, ob Sie den Inhalt sehen wollen</ins>.  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>----</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>----</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>''Empfehlung:'' Zwei Spalten können beispielsweise erzeugt werden, indem in einen ''Container'' der Größe 100% zwei ''Container'' der Größe 49% eingefügt werden. Über die Größe des ''Containers'' kann auch die Größe der enthaltenen Elemente, etwa Eingabe-Elemente oder Bilder, verändert werden.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>''Empfehlung:'' Zwei Spalten können beispielsweise erzeugt werden, indem in einen ''Container'' der Größe 100% zwei ''Container'' der Größe 49% eingefügt werden. Über die Größe des ''Containers'' kann auch die Größe der enthaltenen Elemente, etwa Eingabe-Elemente oder Bilder, verändert werden.</div></td></tr>
</table>Benedikthttps://wiki.MathWebStudio.net/index.php?title=Container&diff=6&oldid=prevBenedikt: Seite erstellt2020-10-21T10:21:58Z<p>Seite erstellt</p>
<p><b>New page</b></p><div>Diese Komponente beherbergt die sichtbaren UI-Elemente wie Text, Bilder oder Eingabe-Elemente. <br />
<br />
=== Verwendung ===<br />
'''Aufgabenstellung''' und '''Lösung''': Der ''Container''-Block bildet einen Rahmen, in den weitere Blöcke gezogen werden können (z.B. "Textblock", "Bild", ...). Diese werden dann den Einstellungen entsprechend angeordnet. Es ist möglich, ''Container'' ineinander zu verschachteln. Standardmäßig ist bereits ein ''Container'' eingefügt. <br />
<br />
=== Einstellungen ===<br />
'''Ausrichtung''': Blöcke innerhalb des ''Container''-Rahmens werden entsprechend der Auswahl links, mittig oder rechts bzw. oben, mittig oder unten angeordnet. <br><br />
'''Größe''': Die Breite des ''Container''-Rahmens kann durch Angabe einer Prozentzahl (z.B. 80%) oder die Angabe einer Maßzahl (z.B. 600px oder 3cm) verändert werden. <br />
<br />
----<br />
''Empfehlung:'' Zwei Spalten können beispielsweise erzeugt werden, indem in einen ''Container'' der Größe 100% zwei ''Container'' der Größe 49% eingefügt werden. Über die Größe des ''Containers'' kann auch die Größe der enthaltenen Elemente, etwa Eingabe-Elemente oder Bilder, verändert werden.</div>Benedikt