Zuletzt bearbeitet vor einem Jahr
von Margit Link-Rodrigue

Handbuch:Erweiterung/BlueSpiceSocialWikiPage und Handbuch:Erweiterung/BlueSpiceFilterableTables: Unterschied zwischen den Seiten

(Unterschied zwischen Seiten)
Keine Bearbeitungszusammenfassung
 
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
Zeile 1: Zeile 1:
{{DISPLAYTITLE:Anhänge}}
{{DISPLAYTITLE:Filterbare Tabellen}}


Mit der Erweiterung ''SocialWikiPage'' können Benutzer eine Datei direkt an eine Wiki-Seite anhängen.


==Merkmale von Anhängen==
Die Erweiterung '''FilterableTables''' erlaubt es, Tabelleninhhalte auf Wikiseiten filterbar und sortierbar zu machen.
<section begin="training" />
==Anwendung der Filteroption==
 
Um eine Tabelle filterbar zu machen, wird der Tabelle die CSS-Klasse "filterable" hinzugefügt.
*Der Anhängevorgang erstellt einfach eine Verknüpfung zwischen einer Datei in Ihrem Wiki und der Seite, an die sie angehängt ist.
===In VisualEditor===
*Dateianhänge werden nicht im [[Handbuch:Erweiterung/BlueSpiceVisualDiff|Versionsverlauf]] einer Seite angezeigt.
Klicken Sie im visuellen Editiermodus in die Tabelle und dann auf ''Eigenschaften.'' Aktivieren Sie im folgenden Dialogfenster die Option ''filterbar.''
*Ein Klick auf einen Anhang, beispielsweise eine PDF-Datei, öffnet die Datei direkt (wenn möglich). Beim Dateityp .docx oder .xlsx wird die Datei hingegen heruntergeladen, da sie nicht im Browser geöffnet werden kann.
===Im Quelltext-Modus===
*Administratoren können weiterhin Anhänge sehen, die von einer Seite gelöscht wurden. Diese Anhänge sind rot hinterlegt und können bei Bedarf wieder aktiviert werden.
Im Quelltext der Seite fügen Sie der Tabelle in der ersten Zeile die Klasse "filterable" hinzu.<pre>
*Die [[Handbuch:Erweiterung/BlueSpiceSocial|Timeline]] zeigt aktuelle Anhänge im Wiki chronologisch an.
{| class="wikitable filterable"
<section end="training" />
|+
==Anhang erstellen==
!Überschrift 1
Um den ersten Anhang am Ende einer Wiki-Seite zu erstellen, öffnen Sie den Bereich für Anhänge, indem Sie auf die Schaltfläche "Plus" klicken.
...
[[Datei:SocialWikiPage-createattachments-DE.png|alternativtext=Spezialseite Ablage erstellen|zentriert|mini|650x650px|Spezialseite ''Ablage'' erstellen]]
</pre>
 
==Filtern der Tabelle==
 
Das spezielle Filterlayout einer Tabelle wird nur im Ansichtsmodus angewendet.
Wenn der Anhangsbereich bereits vorhanden ist, klicken Sie auf die Schaltfläche "Mehr", um zur Seite mit den Anhängen zu wechseln.
<br />
[[DateiSocialWikiPage-switchtoattachments-DE.png|alternativtext=Zur Spezialseite Ablage wechseln|zentriert|mini|650x650px|Zur Spezialseite ''Ablage'' wechseln]]
 
 
Auf der Seite ''Ablage'' können Sie einen neuen Anhang hinzufügen:
 
(1) '''Vorhandene Datei hinzufügen:''' Klicken Sie auf das Pluszeichen, um eine Datei hinzuzufügen, die bereits in das Wiki hochgeladen wurde.
 
(2) '''Neuen Anhang hochladen:''' Klicken Sie auf den Hochladebereich oder ziehen Sie die Datei in den Hochladebereich, um eine Datei in das Wiki hochzuladen und an die Seite anzuhängen..
<br />
[[Datei:SocialWikiPage-addattachment-DE.png|alternativtext=Dateien an die Seite anhängen|zentriert|mini|650x650px|Dateien an die Seite anhängen]]
 
==Anhang löschen==
Um einen Anhang zu löschen, rufen Sie die Seite Anhänge auf und klicken Sie im Aktionsmenü des Anhangs auf die Schaltfläche ''Löschen''. Durch das Löschen eines Anhangs auf einer Seite wird die Datei selbst nicht aus dem Wiki gelöscht.
<br />
[[Datei:SocialWikiPage-delete-attachment-DE.png|alternativtext=Anhänge löschen|zentriert|mini|650x650px|Anhänge löschen]]
 
==Gruppierte Anhänge==
Durch Klicken auf die Schaltfläche ''Bearbeiten'' im Aktionsmenü eines Anhangs können Sie weitere Anhänge damit gruppieren. Wenn Sie Anhänge gruppieren, werden diese:
 
* zusammen auf der Seite angezeigt
*als eine Entität zum Kommentieren, Empfehlen, Verknüpfen und Beobachten angesehen (als soziale Entität)
 
==Styling==
Standardmäßig werden die Symbole für die Anhänge grau mit einer kleinen Beschriftung und einem großen Symbol angezeigt. Durch Aktualisieren der Seite ''MediaWiki: Common.css'' können die Stile für die Anhänge nach Bedarf angepasst werden. Dies erfordert Administratorrechte.
 
Kopieren Sie folgende Stile:<syntaxhighlight lang="css">
/* Anhänge */
.bs-social-entity-attachment-wrapper {background: transparent;}
.bs-social-entity-content-attachments div.bs-social-entity-attachment-file a span::before {line-height: inherit;font-size: 80px;  color: #606060;}
.bs-social-entity-content-attachments div.bs-social-entityattachment-unknown a span::before  {font-family:fontawesome; content:"\f016"; color: #695f5c;}
.bs-social-entity-content-attachments div.bs-social-entityattachment-pdf a span::before  {font-family:fontawesome; content:"\f1c1"; color: #e12025;}
.bs-social-entity-content-attachments div.bs-social-entityattachment-excel a span::before {font-family:fontawesome; content:"\f1c3"; color:#1d8f50;}
.bs-social-entity-content-attachments div.bs-social-entityattachment-pptx a span::before {font-family:fontawesome; content:"\f1c4"; color:#d04727;}
.bs-social-entity-content-attachments div.bs-social-entityattachment-word a span::before {font-family:fontawesome; content:"\f1c2"; color:#1565c0;}
.bs-social-entity-attachment-wrapper p.attachment-name, .bs-social-entity-content-attachments div a p, .bs-social-entity-content-attachments div span p {font-size:100% !important; word-break:break-word;}
.bs-social-entity-content-attachments div, .bs-social-entity-content-attachments div a, .bs-social-entity-content-attachments div span {color: #444 !important; background-color: #ffffff;}
.bs-social-entity-attachment-wrapper img {  border: 5px solid #766d6b;}
.bs-social-entity-content-attachments div a img, .bs-social-entity-content-attachments div span img {height: 80px;  width: 75px;margin-top: 16px;margin-bottom: 18px; border-radius: 5px;}
.bs-social-entity-content-attachments div a p, .bs-social-entity-content-attachments div span p { height:4em}
 
</syntaxhighlight>Die Anhänge werden so dargestellt:
 
<br />
[[Datei:Handbuch:SocialWikiPage-attachments-css-output.png|zentriert|mini|850x850px|Angepasstes Styling für Anhänge|verweis=Special:FilePath/Handbuch:SocialWikiPage-attachments-css-output.png]]


Um die Werte in der Tabelle zu filtern, klicken Sie auf die Überschrift der zu filternden Spalte und wählen Sie "Filter" aus dem Dropdown-Menü. Geben Sie im Eingabefeld den Filtertext ein.


{{Hinweisbox|boxtype=note|Note text=Alle für die Tabelle definierten Tabellenstile werden ignoriert, solange der Wert "filterbar" in der Klassenregel vorhanden ist. Eine filterbare Tabelle verfügt über ein eigenes Tabellendesign.}}
{{Box Links
{{Box Links
|Thema6=[[Referenz:BlueSpiceSocial]]
|Thema2=[[Referenz:BlueSpiceFilterableTables]]
|Thema1=[[Handbuch:Erweiterung/BlueSpiceSocialMicroBlog|MicroBlog]]
|Thema1=[[VisualEditor/Tabellen]]}}
|Thema3=[[Handbuch:Erweiterung/BlueSpiceSocialTopics|Diskussionsbeiträge]]
|Thema4=[[Handbuch:Erweiterung/BlueSpiceSocialComments|Kommentare]]
|Thema5=[[Handbuch:Erweiterung/BlueSpiceSocialProfile|Benutzerprofil]]
}}
__INHALTSVERZEICHNIS_ERZWINGEN__
__INHALTSVERZEICHNIS_ERZWINGEN__
[[Category:Social]]
[[Category:Bearbeitung]]
{{Translation}}
[[Category:Anpassung]]

Version vom 15. Dezember 2021, 13:11 Uhr


Die Erweiterung FilterableTables erlaubt es, Tabelleninhhalte auf Wikiseiten filterbar und sortierbar zu machen.

Anwendung der Filteroption[Bearbeiten | Quelltext bearbeiten]

Um eine Tabelle filterbar zu machen, wird der Tabelle die CSS-Klasse "filterable" hinzugefügt.

In VisualEditor[Bearbeiten | Quelltext bearbeiten]

Klicken Sie im visuellen Editiermodus in die Tabelle und dann auf Eigenschaften. Aktivieren Sie im folgenden Dialogfenster die Option filterbar.

Im Quelltext-Modus[Bearbeiten | Quelltext bearbeiten]

Im Quelltext der Seite fügen Sie der Tabelle in der ersten Zeile die Klasse "filterable" hinzu.

{| class="wikitable filterable"
|+
!Überschrift 1
...

Filtern der Tabelle[Bearbeiten | Quelltext bearbeiten]

Das spezielle Filterlayout einer Tabelle wird nur im Ansichtsmodus angewendet.

Um die Werte in der Tabelle zu filtern, klicken Sie auf die Überschrift der zu filternden Spalte und wählen Sie "Filter" aus dem Dropdown-Menü. Geben Sie im Eingabefeld den Filtertext ein.

Hinweis:Alle für die Tabelle definierten Tabellenstile werden ignoriert, solange der Wert "filterbar" in der Klassenregel vorhanden ist. Eine filterbare Tabelle verfügt über ein eigenes Tabellendesign.

Weiterführende Links




Feedback zur Dokumentation ist im Community-Forum möglich.

Diskussionen