Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

SharePoint Lesson #49: Linked icons in lists

384 Aufrufe

Veröffentlicht am

You can add an image/icon to a list and you can add a hyperlink to a list.
This tutorial shows how to add an icon WITH a hyperlink to a list.

Veröffentlicht in: Bildung
  • Als Erste(r) kommentieren

SharePoint Lesson #49: Linked icons in lists

  1. 1. Icons with Links in Lists Adding a Link—fie| d to a SharePoint—List displays the not—so— user—friendly address (URL) of the link. On the other hand, you can add an Icon, but not a link with it. This tutorial describes how to add a link to an icon in SharePoint 2013. Pre: _URL P'e: I S desrare_URL SI desr»aro: — http: //prezi. com/ ebreozrnxmnao/ ? » http: //de. s|ideshare. net/ lingualizer/ shar - - ' I . . utm_campaign= share&utm_medium= copy " lektion-1-import-von-exceldateien i I , .. . ... .‘. _ §: if%te: .4+e/ ‘fw
  2. 2. Icons with Links in Lists Adding a Link—fie| d to a SharePoint—List displays the not-so- user—friendly address (URL) of the link. On the other hand, you can add an Icon, but not a link with it. This tutorial describes how to add a link to an icon in SharePoint 2013. Pre: _URL P'e: I S desrare_URL SI desr»aro: — http: //prezi. com/ ebreozrnxmnao/ ? » http: //de. s|ideshare. net/ lingualizer/ shar - - ' I . . utm_campaign= share&utm_medium= copy " lektion-1-import-von-exceldateien i , .. . . ... .‘. _ §: if%te: .4+e/ fw
  3. 3. The story so far. .. Using MOSSZOO7 you could add some Javascript to the page and the content of a field was rendered (= HTML—Code) to display an icon with a link associated. Here are more information how to use calculated columns to write HTML: Path to SharePoint htt : bit. | 1M6lBvd SharePoint 2013 works different. “Pater 41‘-e]j‘ner
  4. 4. 1. Upload your icons First you want to upload all neccessary icon to the SharePoint. SharePoint Tips 81 Tricks Tutorials 1‘ LINKS BEARBEITEN Websiteobjekte» Icons 0 G) Neues Dokument oder Dateien hierhii Alle Dokumente J D Narre Geardert Gear . Facebook 7. August . Facebook_logo_32 10. August . Prezi_| ogo_32 7. August . Slideshare_Iogo_32 10. August . Sway_| ogo_32 7. August . Youtube_logo_32 10. August “Pater flfeffner
  5. 5. 2. Add a new "singIe-Iine"-field Next add a new column of the type "Single Line". This is where we store the link address (URL). Name ”"d TVP Spaltenname: Gecver '_'-. e 8 "er ‘Jamar fur I: 858 Spa ‘I-E PrezI_URL Der Informationstyp in dieser Spalte ist: o Eine Textzeile Mehrere Textzeilen Auswahl (Menu) Zah| (1/ 1,0,’ 100) Wéhrung (S, ¥, €] Datum und Uhrzeit “Pater flhaffmar
  6. 6. 3. Another calculated field This field contains the Icon and the Address: NW W! WP Spalt . ... . me St‘-3} = WENN(| STLEER(Sway_URL) " 0' I it <a href: ..&SWay_URL&. . target= '_b| ank' ><img src= '/ SiteAssets/ I cons/ A Sway_| ogo_32.png' / ></ a>") Beschrelbung = lF(| SEMPTY(Sway_URL); ""; " H : I§: ::: .,. . St-. a;. _UR. <a href= "&Sway_URL&" target= '_b| ank' ><img src= '/ 1, SiteAssets/ lcons/ Ia/ Nein Sway_| ogo_32.png' / ></ a>") Automatlsch ' Als Prozentsatz anzelgen (Ium Beispiel SO “cl “Pater flfeffner
  7. 7. Comment If the Address is empty [Sway_URL] = ISNULL, nothing is displayed With an existing Address in [Sway_URL], the corresponding <a href>-Link is used and rendered a_s__an Icon with a Link. Very IMPORTANT: . F Set the field type to number! —> “Fetter flhaffmar
  8. 8. More Tutorials Please find here an overview of all available Presentations: http: //sp. peterheffner. cloudappsportal. com/ Also available as a 5'“: I W’ Smartphone-APP! I L if _i “Feta flieffner
  9. 9. Icons with Links in Lists Adding a Link—fie| d to a SharePoint—List displays the not-so- user—friendly address (URL) of the link. On the other hand, you can add an Icon, but not a link with it. This tutorial describes how to add a link to an icon in SharePoint 2013. Pre: _URL P'e: I S desraIe_URL SI desrrare http: //prezi. com/ ebreozrnxmnao/ ? » http: //de. s|ideshare. net/ lingualizer/ shar - - ' I . . utm_campaign= share&utm_medium= copy " lektion-1-import-von-exceldateien i I . .. . ... .‘. _ §: if%te: .4+e/ fw

×