• Like

Webdesign mit SharePoint 2013

  • 355 views
Uploaded on

Referent: Markus Hintner

Referent: Markus Hintner

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
355
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
12
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. SharePoint 2013
  • 2. Markus HintnerÜber mich҉ Microsoft CertifiedSolution Master | SharePoint҉ http://www.entos.at҉ http://blog.entos.at҉ @MarkusHintner҉ Profile im Web:MCP Virtual Business Cardhttp://www.xing.com/profile/Markus_Hintnerhttp://at.linkedin.com/in/markushintner2
  • 3. Markus HintnerInhalt3
  • 4. Markus HintnerDesign Manager҉ HTML Dateien werden in Master Pageskonvertiert4
  • 5. Markus HintnerDesign Manager҉ Aus HTML-Datei wird Master Page erzeugt҉ .html und .master bilden ein Paar5
  • 6. Markus HintnerMaster Page҉ ASP.NET 2.0 Konzept҉ Master Page gibt Layout und Default-Inhalt vor6
  • 7. Demo
  • 8. Markus HintnerDesign Manager҉ Snippets erlauben das Einfügen vonvorgefertigtem Code8
  • 9. Markus HintnerDesign Manager҉ Nicht alle Controls sind in den Snippetsvorhanden -> z.B. fehlt Breadcrumb҉ Im HTML File können keine ASP.NETControls hinzugefügt werden҉ <!-- MS:… -->҉ <!-- ME:… -->9
  • 10. Demo
  • 11. Markus HintnerInhalt11
  • 12. Markus HintnerDevice Channels҉ Alternative Masterpages für verschiedeneEndgeräte҉ Device Channels definieren „BrowserInclusion Rules“12
  • 13. Markus HintnerDevice Channels erstellen҉ Site Settings | Look and Feel | DeviceChannels҉ Nur bei aktiviertem Publishing Feature҉ Für Nicht-Publishing-Sites muss verstecktesFeature „PublishingMobile“ aktiviert werden13
  • 14. Markus HintnerDevice Channels҉ Reihenfolge der Channels relevant für dieErmittlung des zu verwendenden Channels҉ Übersicht über User Agent Strings:҉ http://www.useragentstring.com/14
  • 15. Markus HintnerZuweisen einer Master Page҉ Pro Channel kann eine Master Pageausgewählt werden҉ max. 10 Channels pro Site Collection15
  • 16. Markus HintnerDevice Channels testen҉ Testen:҉ User Agent Switcher von Firefoxhttps://addons.mozilla.org/de/firefox/addon/user-agent-switcher/҉ Hinzufügen von„?DeviceChannel=DeviceChannelAlias“ an dieURL16
  • 17. Demo
  • 18. Markus HintnerInhalt18
  • 19. Markus HintnerDisplay Templates҉ Display Templates erlauben einfacheAnpassung der Suchergebnisse19
  • 20. Markus HintnerDisplay Template҉ Erzeugen auf Basis eines vorhandenen Templates20
  • 21. Markus HintnerDisplay Template҉ .html Datei kann mit jedem Editormodifiziert werden҉ ManagedProperties erweitern҉ <style> Tags im Head werden beimHochladen entfernt -> CSS Datei҉ JavaScript muss nach dem ersten DIV Tagstehen und eingeschlossen sein durch:<!--#_ und _#-->.21
  • 22. Markus HintnerDisplay Template22
  • 23. Markus HintnerResult Type23
  • 24. Markus HintnerFertiges Display Template24
  • 25. Demo
  • 26. Markus HintnerInhalt26
  • 27. Markus HintnerJSLink҉ Client-side Rendering von SharePointFeldern mit Hilfe von JavaScript҉ JSLink-Property der SPField-Klasse, XSLTListViewWebPart,…27
  • 28. Markus HintnerJSLink28
  • 29. Markus HintnerBeispiel҉ http://www.sharepointnutsandbolts.com/2013/01/using-jslink-to-change-ui-of-sharepoint_20.html29
  • 30. Vielen Dank