{"id":174,"date":"2018-05-21T08:43:42","date_gmt":"2018-05-21T08:43:42","guid":{"rendered":"http:\/\/4us2use.at\/?p=174"},"modified":"2018-07-18T12:47:56","modified_gmt":"2018-07-18T12:47:56","slug":"create-clickable-icon-in-sharepoint-lists","status":"publish","type":"post","link":"http:\/\/4us2use.at\/?p=174","title":{"rendered":"Create clickable Icon in SharePoint Lists"},"content":{"rendered":"<p>Problem Description:<\/p>\n<p>Sometimes design is very important and therefore a usual link may not be enough. So I searched for a way to create a column in SharePoint and add a clickable icon.<\/p>\n<p>Resolution:<\/p>\n<ol>\n<li>upload a icon picture to your site<\/li>\n<li>create a new column of type &#8220;Multiple lines of text&#8221;;<br \/>\nensure you have &#8220;Enhance rich text&#8230;&#8221; selected and set the &#8220;Number of lines for editing to 1<\/li>\n<li>now you can add usual links to that column or do it &#8211; like in my case &#8211; automatically by a workflow on item created event.<br \/>\n&lt;a href=&#8221; &amp;Source=\/sites\/yoursite&#8221;&gt;&lt;img border=&#8221;0&#8243; alt=&#8221;Info&#8221; src=&#8221;\/sites\/yoursite\/library\/info.png&#8221;&gt;<br \/>\n<img loading=\"lazy\" class=\"alignnone size-medium wp-image-175\" src=\"http:\/\/4us2use.at\/wp-content\/uploads\/2018\/07\/ClickableIcon-300x246.png\" alt=\"\" width=\"300\" height=\"246\" srcset=\"http:\/\/4us2use.at\/wp-content\/uploads\/2018\/07\/ClickableIcon-300x246.png 300w, http:\/\/4us2use.at\/wp-content\/uploads\/2018\/07\/ClickableIcon.png 492w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/li>\n<li>enjoy!<\/li>\n<\/ol>\n<span id=\"post-ratings-174\" class=\"post-ratings\" data-nonce=\"70363262a4\"><img id=\"rating_174_1\" src=\"http:\/\/4us2use.at\/wp-content\/plugins\/wp-postratings\/images\/stars\/rating_on.gif\" alt=\"1 Star\" title=\"1 Star\" onmouseover=\"current_rating(174, 1, '1 Star');\" onmouseout=\"ratings_off(5, 0, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_174_2\" src=\"http:\/\/4us2use.at\/wp-content\/plugins\/wp-postratings\/images\/stars\/rating_on.gif\" alt=\"2 Stars\" title=\"2 Stars\" onmouseover=\"current_rating(174, 2, '2 Stars');\" onmouseout=\"ratings_off(5, 0, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_174_3\" src=\"http:\/\/4us2use.at\/wp-content\/plugins\/wp-postratings\/images\/stars\/rating_on.gif\" alt=\"3 Stars\" title=\"3 Stars\" onmouseover=\"current_rating(174, 3, '3 Stars');\" onmouseout=\"ratings_off(5, 0, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_174_4\" src=\"http:\/\/4us2use.at\/wp-content\/plugins\/wp-postratings\/images\/stars\/rating_on.gif\" alt=\"4 Stars\" title=\"4 Stars\" onmouseover=\"current_rating(174, 4, '4 Stars');\" onmouseout=\"ratings_off(5, 0, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_174_5\" src=\"http:\/\/4us2use.at\/wp-content\/plugins\/wp-postratings\/images\/stars\/rating_on.gif\" alt=\"5 Stars\" title=\"5 Stars\" onmouseover=\"current_rating(174, 5, '5 Stars');\" onmouseout=\"ratings_off(5, 0, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/> (<strong>1<\/strong> votes, average: <strong>5.00<\/strong> out of 5)<br \/><span class=\"post-ratings-text\" id=\"ratings_174_text\"><\/span><\/span><span id=\"post-ratings-174-loading\" class=\"post-ratings-loading\"><img src=\"http:\/\/4us2use.at\/wp-content\/plugins\/wp-postratings\/images\/loading.gif\" width=\"16\" height=\"16\" class=\"post-ratings-image\" \/>Loading...<\/span>\n","protected":false},"excerpt":{"rendered":"<p>Problem Description: Sometimes design is very important and therefore a usual link may not be enough. So I searched for a way to create a column in SharePoint and add a clickable icon. Resolution: upload a icon picture to your site create a new column of type &#8220;Multiple lines of text&#8221;; ensure you have &#8220;Enhance &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/4us2use.at\/?p=174\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Create clickable Icon in SharePoint Lists&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[],"_links":{"self":[{"href":"http:\/\/4us2use.at\/index.php?rest_route=\/wp\/v2\/posts\/174"}],"collection":[{"href":"http:\/\/4us2use.at\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/4us2use.at\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/4us2use.at\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/4us2use.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=174"}],"version-history":[{"count":3,"href":"http:\/\/4us2use.at\/index.php?rest_route=\/wp\/v2\/posts\/174\/revisions"}],"predecessor-version":[{"id":186,"href":"http:\/\/4us2use.at\/index.php?rest_route=\/wp\/v2\/posts\/174\/revisions\/186"}],"wp:attachment":[{"href":"http:\/\/4us2use.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=174"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4us2use.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=174"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4us2use.at\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}