Webdesign mit SharePoint 2013

0 views
654 views

Published on

Referent: Markus Hintner

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
0
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
18
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Webdesign mit SharePoint 2013

  1. 1. SharePoint 2013
  2. 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. 3. Markus HintnerInhalt3
  4. 4. Markus HintnerDesign Manager҉ HTML Dateien werden in Master Pageskonvertiert4
  5. 5. Markus HintnerDesign Manager҉ Aus HTML-Datei wird Master Page erzeugt҉ .html und .master bilden ein Paar5
  6. 6. Markus HintnerMaster Page҉ ASP.NET 2.0 Konzept҉ Master Page gibt Layout und Default-Inhalt vor6
  7. 7. Demo
  8. 8. Markus HintnerDesign Manager҉ Snippets erlauben das Einfügen vonvorgefertigtem Code8
  9. 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. 10. Demo
  11. 11. Markus HintnerInhalt11
  12. 12. Markus HintnerDevice Channels҉ Alternative Masterpages für verschiedeneEndgeräte҉ Device Channels definieren „BrowserInclusion Rules“12
  13. 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. 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. 15. Markus HintnerZuweisen einer Master Page҉ Pro Channel kann eine Master Pageausgewählt werden҉ max. 10 Channels pro Site Collection15
  16. 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. 17. Demo
  18. 18. Markus HintnerInhalt18
  19. 19. Markus HintnerDisplay Templates҉ Display Templates erlauben einfacheAnpassung der Suchergebnisse19
  20. 20. Markus HintnerDisplay Template҉ Erzeugen auf Basis eines vorhandenen Templates20
  21. 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. 22. Markus HintnerDisplay Template22
  23. 23. Markus HintnerResult Type23
  24. 24. Markus HintnerFertiges Display Template24
  25. 25. Demo
  26. 26. Markus HintnerInhalt26
  27. 27. Markus HintnerJSLink҉ Client-side Rendering von SharePointFeldern mit Hilfe von JavaScript҉ JSLink-Property der SPField-Klasse, XSLTListViewWebPart,…27
  28. 28. Markus HintnerJSLink28
  29. 29. Markus HintnerBeispiel҉ http://www.sharepointnutsandbolts.com/2013/01/using-jslink-to-change-ui-of-sharepoint_20.html29
  30. 30. Vielen Dank

×