{"id":109145,"date":"2017-02-09T02:22:14","date_gmt":"2017-02-09T10:22:14","guid":{"rendered":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/fun-with-gallery-graphics-and-sharepoint-lists\/"},"modified":"2025-06-11T08:15:50","modified_gmt":"2025-06-11T15:15:50","slug":"fun-with-gallery-graphics-and-sharepoint-lists","status":"publish","type":"post","link":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/fun-with-gallery-graphics-and-sharepoint-lists\/","title":{"rendered":"Fun with Gallery Graphics and SharePoint Lists"},"content":{"rendered":"<p>PowerApps makes it very easy to design custom galleries and forms that include graphics; both images and graphs. In this business sceanario we have a list tracking contributions to 5 causes. Our PowerApp allows us to contribute to a cause, as well as track progress to goals.\u00a0<\/p>\n<p><img decoding=\"async\" alt=\"\" src=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2017\/02\/GallerywGraphicAEG.png\" style=\"width: 393px; height: 691px;\"\/><\/p>\n<p>This blog shows how to combine three fun tactics into one gallery control:<\/p>\n<p>1. Pick up images from the SharePoint List Picture Column HyperLink (images are stored in my <strong>OneDrive for Business<\/strong> Folder named &#8220;<strong>CategoryIcons<\/strong>&#8220;)<br \/>\n2. Create my own <strong>Bar Graphic based on List Data<\/strong><br \/>\n3. (Optional) <strong>Filter <\/strong>the Data Using Images in the Group <strong>Legend<\/strong><\/p>\n<p><strong>Tip<\/strong>: I used the new &#8220;Icons&#8221; on the Insert Menu in <strong>Microsoft PowerPoint <\/strong>to create my icons. Learn more about those <a href=\"https:\/\/support.office.com\/en-us\/article\/Insert-icons-e2459f17-3996-4795-996e-b9a13486fa79?ui=en-US&amp;rs=en-US&amp;ad=US\">here<\/a>.<\/p>\n<p>Today we are going to focus on Gallery customiztions firstly, next week I&#8217;ll expand upon this in the display and new forms as well.<\/p>\n<p>Let&#8217;s start with how I did the gallery customization using a SharePoint List called &#8220;<strong>ContributionTargets<\/strong>&#8221; which I pre-populated with the data shown below:<\/p>\n<table border=\"1\" cellpadding=\"1\" cellspacing=\"1\" summary=\"Columns and Data Types\">\n<thead>\n<tr>\n<th scope=\"col\">Title \u00a0(string) \u00a0 \u00a0 \u00a0 \u00a0\u00a0<\/th>\n<th scope=\"col\">Goal (number) \u00a0 \u00a0 \u00a0 \u00a0\u00a0<\/th>\n<th scope=\"col\">Current (number) \u00a0 \u00a0 \u00a0 \u00a0<\/th>\n<th scope=\"col\">CategoryIcon (transparent png picture link in OneDrive) \u00a0 \u00a0<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Cause 1<\/td>\n<td>10000<\/td>\n<td>9000<\/td>\n<td>[OneDrive for Business Prefix Preceeding \/_Layouts]\/Documents\/CategoryIcons\/cures.png<\/td>\n<\/tr>\n<tr>\n<td>Cause 2<\/td>\n<td>20000<\/td>\n<td>15000<\/td>\n<td>[OneDrive for Business Prefix Preceeding \/_Layouts]\/Documents\/CategoryIcons\/education.png<\/td>\n<\/tr>\n<tr>\n<td>Cause 3<\/td>\n<td>20000<\/td>\n<td>13500<\/td>\n<td>[OneDrive for Business Prefix Preceeding \/_Layouts]\/Documents\/CategoryIcons\/wildlife.png<\/td>\n<\/tr>\n<tr>\n<td>Cause 4<\/td>\n<td>20000<\/td>\n<td>5000<\/td>\n<td>[OneDrive for Business Prefix Preceeding \/_Layouts]\/Documents\/CategoryIcons\/education.png<\/td>\n<\/tr>\n<tr>\n<td>Cause 5<\/td>\n<td>50000<\/td>\n<td>22134<\/td>\n<td>[OneDrive for Business Prefix Preceeding \/_Layouts]\/Documents\/CategoryIcons\/cures.png<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u00a0<\/p>\n<p><strong>Notes on the URL for the Icons:<\/strong><br \/>\nSome people have said it&#8217;s not possible to use hyperlinks in a picture column in SharePoint Lists, well I disagree. There is one way to do it without any help from coders; and the key is the path format. Here are the tips for how to build that URL string, if you follow my instructions you won&#8217;t have a problem:<\/p>\n<p>1. Create a new <strong>Sub<\/strong>\u00a0<strong>Folder in OneDrive for Business<\/strong> (recommended over OneDrive) and share the folder with everyone that needs to see the pictures<\/p>\n<p>2. Upload <strong>short-named png files<\/strong> to the folder (1 for each icon)<\/p>\n<p>3. <strong>Create the URL<\/strong> rather than copy and paste it from the Browser Address Bar. \u00a0Here is how you create the URL yourself:<\/p>\n<ul>\n<li>First copy the adress bar from the root of your OneDrive for Business location (use the waffle in Office 365 and select OneDrive &#8211; this will bring you to the right place). Delete everything after, and including<strong> _layouts<\/strong> on the right of the address<\/li>\n<li>Now, add <strong>Documents <\/strong>to the end after the last \/<\/li>\n<li>Now, add <strong>\/<\/strong> and <strong>[the name of the sub folder]<\/strong> you created<\/li>\n<li>Now, add<strong> \/<\/strong> and the <strong>[file name including extension]<\/strong><\/li>\n<\/ul>\n<p>Mine looks like this:\u00a0<br \/>\n<strong style=\"font-size: 14px; text-align: center;\">https:\/\/microsoft-my.sharepoint.com\/personal\/audrie_microsoft_com\/Documents\/CategoryIcons\/cures.png<\/strong><\/p>\n<p><strong>In an upcoming blog, I will show you how Flow will help us to create this path using automation&#8230;.but please add them manually for this blog. (I think it&#8217;s a good way for you to learn how to do that, and automation is always best when you understand what you&#8217;re automating-LOL)<\/strong><\/p>\n<p>OK, now that all the pieces are in place &#8211;<strong> let&#8217;s do this!<\/strong><\/p>\n<p><strong>Step 1: Create a New PowerApp from the SharePoint List using the Ribbon &#8220;Create an App&#8221; command from PowerApps on the ribbon.\u00a0<\/strong>Let PowerApps do your work and create the gallery, item display form, and new item form for you!<\/p>\n<p><strong>Step 2: On the Home Tab, Change the Theme for the Gallery the the one called &#8220;Dark&#8221;<\/strong><\/p>\n<p><strong>Step 3: On the right BrowseScreen1 panel (don&#8217;t select anything first) choose the layout with the images on the Left Hand Side<\/strong> (1st one on the second row of layouts)<\/p>\n<p><strong>Step 4: Click on the Image control on the left side of the 1st Data Card, <\/strong>then use the right property options panel to change &#8220;SampleImage&#8221; to <strong>CategoryIcon<\/strong><\/p>\n<p><strong>Step 5: Click on the Top Text control on the 1st Data Card, <\/strong>then use the right property options panel to change &#8220;Text&#8221; to <strong>Title<\/strong><\/p>\n<p><strong>Step 6: Select the final control on the 1st Data Card, <\/strong>then use the right property options panel to change &#8220;Text&#8221; to\u00a0<strong>(ThisItem.Current\/ThisItem.Goal)*100 &amp; &#8220;% Collected&#8221;<\/strong>, and name that Control <strong>PercentComplete<\/strong><br \/>\n(This will indicate what percent of complete our contributions are, current divided by goal times 100)<\/p>\n<p><strong style='font-style: normal; font-size: 13.008px; font-family: Tahoma, \"Helvetica Neue\", Arial, Helvetica, sans-serif;'>Step 7: Select the PercentComplete control on the 1st Data Card,\u00a0<\/strong>then copy and paste another copy of it onto the data card, and name the copy <strong>TargetValue<\/strong>, then use the right property options panel to change &#8220;Text&#8221; to\u00a0<br \/>\n<strong>Text(ThisItem.Goal, &#8220;[$-en-US]$ #,###&#8221; ) &amp; &#8221; Goal&#8221;\u00a0<\/strong>(This will indicate what the target contributions are for this item, formatted in U.S. Dollars)<\/p>\n<p><strong style='font-family: Tahoma, \"Helvetica Neue\", Arial, Helvetica, sans-serif; font-size: 13.008px; font-style: normal;'>Step 8: Move things around on the 1st Data Card making room for the progress bar as shown in the image above<\/strong><br \/>\n(the background rounded corner rectangle is optional &#8211; I made it in PowerPoint too)<\/p>\n<p><strong style='font-style: normal; font-size: 13.008px; font-family: Tahoma, \"Helvetica Neue\", Arial, Helvetica, sans-serif;'>Step 9: Select Data Card #1, and then add a rectangle shape, name is &#8220;GoalIndicator&#8221; and fill it with white or black (depending on background), and then size it to have a height of 15, and a width of:<\/strong><br \/>\n<strong>(ThisItem.Goal\/4000)*15\u00a0<\/strong><\/p>\n<p>I use a random common denominator of 4000 (if I had smaller targets the number would be smaller) which helps to scale the bar down to the space in my Data Card.<\/p>\n<p><strong style='font-style: normal; font-size: 13.008px; font-family: Tahoma, \"Helvetica Neue\", Arial, Helvetica, sans-serif;'>Step 10: Select &#8220;GoalIndicator&#8221; and copy and paste it on top of itself, renaming the copy &#8220;ProgressIndicator&#8221;, and fill it with green, then size it to have a width of:<\/strong><br \/>\n<strong>(ThisItem.Current\/4000)*15<\/strong>\u00a0<br \/>\nFeel free to use the HOME&gt;ALIGN command to align these to bars left and top if you have any problems lining things up. The &#8220;Reorder&#8221; button is helpful to get the ProgressIndicator on top of the GoalIndicator if you did this in a different order than I suggested.<\/p>\n<p><strong>Voila! Your custom gallery is done! Come back next Monday: I&#8217;ll show you how I made a sub-form that submits individual contributions to a separate list, and a Flow that does all the calculations and paths for us too!<\/strong><\/p>\n<p>Leave a comment below if you need help creating the legend on the bottom, or if you need help setting your legend up as a filter too!<\/p>\n<p>Enjoy your PowerApp accomplishment! It&#8217;s gorgeous!<\/p>\n<p><strong>Audrie<\/strong><br \/>\nTwitter: @ArtsyPowerApper<\/p>\n<p>\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"<p>PowerApps makes it very easy to design forms that include graphics; both images and graphs. This blog shows how to combine three fun tactics into one gallery control:<br \/>\n1. Pick up images from the SharePoint List Picture Column HyperLink (images are stored in my OneDrive for Business Folder named &#8220;CategoryIcons&#8221;)<br \/>\n2. Create my own Bar Graphic based on List Data<br \/>\n3.<\/p>\n","protected":false},"author":106,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ms_queue_id":[],"ep_exclude_from_search":false,"_classifai_error":"","_classifai_text_to_speech_error":"","_alt_title":"","ms-ems-related-posts":[],"footnotes":""},"audience":[3378],"content-type":[],"job-role":[],"product":[3473],"property":[],"topic":[3421],"coauthors":[2058],"class_list":["post-109145","post","type-post","status-publish","format-standard","hentry","audience-it-professional","product-power-apps","topic-application-modernization"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Fun with Gallery Graphics and SharePoint Lists - Microsoft Power Platform Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fun with Gallery Graphics and SharePoint Lists - Microsoft Power Platform Blog\" \/>\n<meta property=\"og:description\" content=\"PowerApps makes it very easy to design forms that include graphics; both images and graphs. This blog shows how to combine three fun tactics into one gallery control: 1. Pick up images from the SharePoint List Picture Column HyperLink (images are stored in my OneDrive for Business Folder named &quot;CategoryIcons&quot;) 2. Create my own Bar Graphic based on List Data 3.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/fun-with-gallery-graphics-and-sharepoint-lists\/\" \/>\n<meta property=\"og:site_name\" content=\"Microsoft Power Platform Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-02-09T10:22:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-11T15:15:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2017\/02\/GallerywGraphicAEG.png\" \/>\n<meta name=\"author\" content=\"Audrie Gordon\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Audrie Gordon\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/\"},\"author\":[{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/author\/audrie-gordon\/\",\"@type\":\"Person\",\"@name\":\"Audrie Gordon\"}],\"headline\":\"Fun with Gallery Graphics and SharePoint Lists\",\"datePublished\":\"2017-02-09T10:22:14+00:00\",\"dateModified\":\"2025-06-11T15:15:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/\"},\"wordCount\":1030,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2017\/02\/GallerywGraphicAEG.png\",\"keywords\":[\"Building UI\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/\",\"name\":\"Fun with Gallery Graphics and SharePoint Lists - Microsoft Power Platform Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2017\/02\/GallerywGraphicAEG.png\",\"datePublished\":\"2017-02-09T10:22:14+00:00\",\"dateModified\":\"2025-06-11T15:15:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/#primaryimage\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2017\/02\/GallerywGraphicAEG.webp\",\"contentUrl\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2017\/02\/GallerywGraphicAEG.webp\",\"width\":393,\"height\":691,\"caption\":\"graphical user interface\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fun with Gallery Graphics and SharePoint Lists\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/\",\"name\":\"Microsoft Power Platform Blog\",\"description\":\"Innovate with Business Apps\",\"publisher\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization\",\"name\":\"Microsoft Power Platform Blog\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png\",\"contentUrl\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png\",\"width\":194,\"height\":145,\"caption\":\"Microsoft Power Platform Blog\"},\"image\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/person\/5622f11b1629eeff57465c794c80c936\",\"name\":\"Audrie Gordon\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/8a060fc178064c33f81ec0c74cf167a845dc0a9f86c71fd9a276c1eae2d7ae30?s=96&d=mm&r=g84a7fd97215038815e0a810e606188f3\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8a060fc178064c33f81ec0c74cf167a845dc0a9f86c71fd9a276c1eae2d7ae30?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8a060fc178064c33f81ec0c74cf167a845dc0a9f86c71fd9a276c1eae2d7ae30?s=96&d=mm&r=g\",\"caption\":\"Audrie Gordon\"},\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/author\/audrie\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Fun with Gallery Graphics and SharePoint Lists - Microsoft Power Platform Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/","og_locale":"en_US","og_type":"article","og_title":"Fun with Gallery Graphics and SharePoint Lists - Microsoft Power Platform Blog","og_description":"PowerApps makes it very easy to design forms that include graphics; both images and graphs. This blog shows how to combine three fun tactics into one gallery control: 1. Pick up images from the SharePoint List Picture Column HyperLink (images are stored in my OneDrive for Business Folder named \"CategoryIcons\") 2. Create my own Bar Graphic based on List Data 3.","og_url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/fun-with-gallery-graphics-and-sharepoint-lists\/","og_site_name":"Microsoft Power Platform Blog","article_published_time":"2017-02-09T10:22:14+00:00","article_modified_time":"2025-06-11T15:15:50+00:00","og_image":[{"url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2017\/02\/GallerywGraphicAEG.png","type":"","width":"","height":""}],"author":"Audrie Gordon","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Audrie Gordon","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/#article","isPartOf":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/"},"author":[{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/author\/audrie-gordon\/","@type":"Person","@name":"Audrie Gordon"}],"headline":"Fun with Gallery Graphics and SharePoint Lists","datePublished":"2017-02-09T10:22:14+00:00","dateModified":"2025-06-11T15:15:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/"},"wordCount":1030,"commentCount":0,"publisher":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization"},"image":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/#primaryimage"},"thumbnailUrl":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2017\/02\/GallerywGraphicAEG.png","keywords":["Building UI"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/","name":"Fun with Gallery Graphics and SharePoint Lists - Microsoft Power Platform Blog","isPartOf":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/#primaryimage"},"image":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/#primaryimage"},"thumbnailUrl":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2017\/02\/GallerywGraphicAEG.png","datePublished":"2017-02-09T10:22:14+00:00","dateModified":"2025-06-11T15:15:50+00:00","breadcrumb":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/#primaryimage","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2017\/02\/GallerywGraphicAEG.webp","contentUrl":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2017\/02\/GallerywGraphicAEG.webp","width":393,"height":691,"caption":"graphical user interface"},{"@type":"BreadcrumbList","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/02\/09\/fun-with-gallery-graphics-and-sharepoint-lists\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/"},{"@type":"ListItem","position":2,"name":"Fun with Gallery Graphics and SharePoint Lists"}]},{"@type":"WebSite","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/","name":"Microsoft Power Platform Blog","description":"Innovate with Business Apps","publisher":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization","name":"Microsoft Power Platform Blog","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png","contentUrl":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png","width":194,"height":145,"caption":"Microsoft Power Platform Blog"},"image":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/person\/5622f11b1629eeff57465c794c80c936","name":"Audrie Gordon","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/8a060fc178064c33f81ec0c74cf167a845dc0a9f86c71fd9a276c1eae2d7ae30?s=96&d=mm&r=g84a7fd97215038815e0a810e606188f3","url":"https:\/\/secure.gravatar.com\/avatar\/8a060fc178064c33f81ec0c74cf167a845dc0a9f86c71fd9a276c1eae2d7ae30?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8a060fc178064c33f81ec0c74cf167a845dc0a9f86c71fd9a276c1eae2d7ae30?s=96&d=mm&r=g","caption":"Audrie Gordon"},"url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/author\/audrie\/"}]}},"bloginabox_animated_featured_image":null,"bloginabox_display_generated_audio":false,"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"Microsoft Power Platform Blog","distributor_original_site_url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog","push-errors":false,"_links":{"self":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/109145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/users\/106"}],"replies":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/comments?post=109145"}],"version-history":[{"count":1,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/109145\/revisions"}],"predecessor-version":[{"id":125066,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/109145\/revisions\/125066"}],"wp:attachment":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/media?parent=109145"}],"wp:term":[{"taxonomy":"audience","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/audience?post=109145"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/content-type?post=109145"},{"taxonomy":"job-role","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/job-role?post=109145"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/product?post=109145"},{"taxonomy":"property","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/property?post=109145"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/topic?post=109145"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/coauthors?post=109145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}