Sharepoint 2013! Für alle Interessierten und/oder Dummies (wie ich einer bin):
Dank Alex‘ Hilfe hier nun die Anleitung, um mehrere „RichHtmlField“ (also Textfelder für Seiteninhalt) auf eine Seite zu bekommen.
(Übertrieben genau ;) )
Vorab ein Beispiel:
Projekt: Unternehmenswiki-Seite
Projektname: MyWiki
Servername: Test01
Projektverzeichnis: /Websites/
Begonnen wird im Webinterface
- Öffne die zu Bearbeitende Seite im Browser (im Bsp: „http(s)://Test01/Websites/MyWiki/“) - Rechts oben neben dem Anmeldenamen ist der Button für die Einstellungen,
in diesem Menü auf „Websiteeinstellungen“ klicken
- In der 2. Kategorie „Web-Designer-Kataloge“ auf „Websiteinhaltstypen“ klicken
- Hier klickst du nun auf denjenigen Eintrag, von dem dein Projekt abgeleitet wird (Bsp: „Unternehmenswiki-Seite“)
- Klicke auf „Aus
neuer Websitespalte hinzufügen“
- Gib einen Namen ein (Bsp: „Seiteninhalt2“, da der Standartname „Seiteninhalt“ lautet)
- Als Typ wählst du (von mir nur Empfohlen! Auch andere möglich!)
„Vollständiger HTML-Inhalt mit Formatierung blabla“
- Gruppe auswählen: Ist eigentlich egal, ist nur kosmetischer Natur, somit findest du deinen eben erstellten Websiteinhaltstyp leichter wieder (Da ich sehr viele Benutzerdefinierte Inhaltstypen verwende schmeiße ICH diese immer in die Gruppe „Benutzerdefinierte
Spalten“, aber das ist jedem selbst überlassen)
- Beschreibung ist optional (Bsp: „Dies stellt eine Spalte für weiteren Seiteninhalt dar“)‘
- Wähle die maximale Anzahl an Zeichen (Standard: 255)
- Wähle den Standardwert: lasse ICH immer auf Text
- Das aktualisieren unten dient lediglich dazu, dass die Einstellungen auf alle Typen, die von dem bearbeitetem Typ erben, die neuen Einstellungen erhalten).
Das kannst du auf „Ja“ lassen.
- Bestätige mit „OK“
- Wieder zurück auf der Liste der Websiteinhaltstypen klickst du auf deine neu erstellte Spalte (Bsp: „Seiteninhalt2“)
**Exkurs: bei Sharepoint 2010 „musste“ man diese Websitespalten über die „Field-ID“ ansprechen, diese findet man in der URL als „Fid“. Beispiel:
http://Test01/websites/MyWiki/_layouts/15/ManageContentTypeField.aspx?ctype=0x010100C568DB52D9D0A14D9B2FDCC96666E9F2007948130EC3DB064584E219954237AF39004C1F8B46085B4D22B1CDC3DE08CFFB9C&Field=Seiteninhalt2&Fid={b664915e-2c3f-42e6-aa6e-b17040aba319}
Sharepoint 2013 handelt nun auch den Namen, also den „Field“-Wert („Seiteninhalt2“)
Weiter mit dem Sharepoint Designer 2013
1.) Öffne die Seite im Sharepoint Designer 2013
2.) Klick links im Menü „Websiteobjekte“ auf „Websitespalten“
3.) In der Gruppe „Spalten für das Seitenlayout“ findet man wieder die eben erwähnte Spalte „Seiteninhalt“ und daneben auch die selbst erstellten, z.B. „Seitenlayout2“
4.) Im linken Menü findet man den Punkt „Seitenlayouts“, darin öffnet man entweder die zu verwendende Vorlage oder erstellt ein neues Layout (in meinem Beispiel verwende ich die Vorlage
„EnterpriseWiki.aspx“ = „UnternehmensWiki“). Schnell geht’s mit rechtsklick und auf „Datei im erweiterten Modus bearbeiten“
5.) Die vorhandene Zeile <PublishingWebControls:RichHtmlField id="PageContent" FieldName="PublishingPageContent" " runat="server"/></div> stellt den Seiteninhalt dar (Der FieldName “PageContent”
benutzt die Spalte “Seiteninhalt”) Deshalb fügen wir die gleiche Zeile darunter ein, nur verändern wir Sie wie folgt:
<PublishingWebControls:RichHtmlField id="PageContent2" FieldName="Seiteninhalt2"
runat="server"/></div>, denn die von uns erstellte Spalte heißt „Seiteninhalt2“; die id müssen wir verändern, damit (auch wenn kein CSS benutzt wird) die beiden Felder unterschieden werden können.
6.) Zwischen den beiden Zeilen KANN man nun feste Inhalte einfügen, z.B.
<p> Dies ist eine Trennzeile</p> Somit kann der Endbenutzer beide Inhaltsfelder bearbeiten, die Trennzeile jedoch nicht.
7.) Voilá, fertig. natürlich geht das auch mit viel mehr Spalten, dafür muss jedes Mal eine neue Spalte angelegt werden. ENDE Liebe Grüße,
Markus
Nachtrag für erfahrene User:
Anbei finden sich einige Zeilen, die 5 Inhaltsfelder definieren, welche sich per Javascript auf und zuklappen lassen: (dazu wird die in Punkt 5.)
Verwendete Zeile durch die folgenden ersetzt):
<p><a href="#" onClick="showHideDiv('hiddenKontakt');">Kontakt:</a></p>
<div id="hiddenKontakt" style="display: block">
<PublishingWebControls:RichHtmlField id="PageContent" FieldName="PublishingPageContent" EditorBackgroundColor="#bababa" DisableInputFieldLabel="true" runat="server"/></div>
<p><a href="#" onClick="showHideDiv('hiddenHardware');">Hardware:</a></p>
<div id="hiddenHardware" style="display: none">
<PublishingWebControls:RichHtmlField id="PageContent2" AllowDragDrop="True" FieldName="Seiteninhalt2" DisableInputFieldLabel="true" runat="server"/></div>
<p><a href="#" onClick="showHideDiv('hiddenSoftware');">Software:</a></p>
<div id="hiddenSoftware" style="display: none">
<PublishingWebControls:RichHtmlField id="PageContent3" FieldName="Seiteninhalt3" DisableInputFieldLabel="true" runat="server"/></div>
<p><a href="#" onClick="showHideDiv('hiddenZugang');">Zugangsdaten:</a></p>
<div id="hiddenZugang" style="display: none">
<PublishingWebControls:RichHtmlField id="PageContent4" FieldName="Seiteninhalt4" DisableInputFieldLabel="true" runat="server"/></div>
<p><a href="#" onClick="showHideDiv('hiddenKonfiguration');">Konfigurationen:</a></p>
<div id="hiddenKonfiguration" style="display: none">
<PublishingWebControls:RichHtmlField id="PageContent5" FieldName="Seiteninhalt5" DisableInputFieldLabel="true" runat="server"/></div>
<script language="javascript">
function showHideDiv(id){
if(eval("document.getElementById('" + id + "').style.display == 'block'")){
eval("document.getElementById('" + id + "').style.display = 'none'")
} else {
eval("document.getElementById('" + id + "').style.display = 'block'")
}
}
</script>
Mehrere "PublishingWebControls:RichHtmlField" in einer Seitenvorlage
