{"id":1594,"date":"2021-11-25T18:50:21","date_gmt":"2021-11-25T18:50:21","guid":{"rendered":"https:\/\/365stack.in\/?p=1594"},"modified":"2021-11-29T12:11:26","modified_gmt":"2021-11-29T12:11:26","slug":"how-to-add-svg-icons-image-in-powerapps","status":"publish","type":"post","link":"https:\/\/365stack.in\/index.php\/2021\/11\/25\/how-to-add-svg-icons-image-in-powerapps\/","title":{"rendered":"How to add SVG icons\/image in PowerApps"},"content":{"rendered":"\n<p>Icons are a way to show richness in User Interface, Even though Canvas apps provide a handful of icons they might not be suitable for some of the scenarios. In such cases, we can use SVG icons or if the UI needs to be improvised across the app SVG icons can be used.<\/p>\n\n\n\n<p>SVG images are scalable, do not take more space and customizable.<\/p>\n\n\n\n<p>Some of the icons providers are:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/icons.getbootstrap.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bootstrap icons<\/a><\/li><li><a href=\"https:\/\/fontawesome.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Font awesome<\/a><\/li><\/ul>\n\n\n\n<p>In this example, we used bootstrap icon<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-205.png?w=640&#038;ssl=1\" alt=\"\" data-recalc-dims=\"1\"\/><figcaption>Boot strap icons<\/figcaption><\/figure>\n\n\n\n<p>Below is the comparison of PowerApps icon and SVG image<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"198\" data-attachment-id=\"1604\" data-permalink=\"https:\/\/365stack.in\/screenshot-204\/\" data-orig-file=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-204.png?fit=1259%2C388&amp;ssl=1?v=1637864894\" data-orig-size=\"1259,388\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Screenshot (204)\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-204.png?fit=300%2C92&amp;ssl=1?v=1637864894\" data-large-file=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-204.png?fit=640%2C198&amp;ssl=1?v=1637864894\" src=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-204.png?resize=640%2C198&#038;ssl=1\" alt=\"\" class=\"wp-image-1604\" srcset=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-204.png?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-204.png?w=300&amp;ssl=1 300w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-204.png?w=768&amp;ssl=1 768w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-204.png?w=1259&amp;ssl=1 1259w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><figcaption>Icons Comparison<\/figcaption><\/figure>\n\n\n\n<p>We are going to bring the below image to PowerApps<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"276\" data-attachment-id=\"1606\" data-permalink=\"https:\/\/365stack.in\/screenshot-206\/\" data-orig-file=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-206.png?fit=1781%2C769&amp;ssl=1?v=1637864909\" data-orig-size=\"1781,769\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Screenshot (206)\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-206.png?fit=300%2C130&amp;ssl=1?v=1637864909\" data-large-file=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-206.png?fit=640%2C276&amp;ssl=1?v=1637864909\" src=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-206.png?resize=640%2C276&#038;ssl=1\" alt=\"\" class=\"wp-image-1606\" srcset=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-206.png?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-206.png?w=300&amp;ssl=1 300w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-206.png?w=768&amp;ssl=1 768w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-206.png?w=1536&amp;ssl=1 1536w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-206.png?w=1781&amp;ssl=1 1781w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-206.png?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><figcaption>SVG Image<\/figcaption><\/figure><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' fill='currentColor' class='bi bi-hand-thumbs-up' viewBox='0 0 16 16'&gt;\n  &lt;path d='M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2.144 2.144 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a9.84 9.84 0 0 0-.443.05 9.365 9.365 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111L8.864.046zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a8.908 8.908 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.224 2.224 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.866.866 0 0 1-.121.416c-.165.288-.503.56-1.066.56z'\/&gt;\n&lt;\/svg&gt;<\/code><\/pre>\n\n\n\n<p>SVG is XML based and it should be passed as an image format in the Image control, &#8220;EncodeUrl&#8221; is used to convert the special characters to UTF-8 format. Below is the representation with HTML image tag<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"226\" data-attachment-id=\"1610\" data-permalink=\"https:\/\/365stack.in\/index.php\/2021\/11\/25\/how-to-add-svg-icons-image-in-powerapps\/screenshot-217\/\" data-orig-file=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-217.png?fit=1751%2C617&amp;ssl=1?v=1637865612\" data-orig-size=\"1751,617\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Screenshot-217\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-217.png?fit=300%2C106&amp;ssl=1?v=1637865612\" data-large-file=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-217.png?fit=640%2C226&amp;ssl=1?v=1637865612\" src=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-217-1024x361.png?resize=640%2C226&#038;ssl=1\" alt=\"\" class=\"wp-image-1610\" srcset=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-217.png?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-217.png?w=300&amp;ssl=1 300w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-217.png?w=768&amp;ssl=1 768w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-217.png?w=1536&amp;ssl=1 1536w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-217.png?w=1751&amp;ssl=1 1751w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-217.png?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><figcaption>HTML image control<\/figcaption><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img src=\"data:image\/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20fill%3D%27currentColor%27%20class%3D%27bi%20bi-hand-thumbs-up%27%20viewBox%3D%270%200%2016%2016%27%3E%0A%20%20%3Cpath%20d%3D%27M8.864.046C7.908-.193%207.02.53%206.956%201.466c-.072%201.051-.23%202.016-.428%202.59-.125.36-.479%201.013-1.04%201.639-.557.623-1.282%201.178-2.131%201.41C2.685%207.288%202%207.87%202%208.72v4.001c0%20.845.682%201.464%201.448%201.545%201.07.114%201.564.415%202.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217%201.466.217h3.5c.937%200%201.599-.477%201.934-1.064a1.86%201.86%200%200%200%20.254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857%200-.288-.036-.585-.113-.856a2.144%202.144%200%200%200-.138-.362%201.9%201.9%200%200%200%20.234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a9.84%209.84%200%200%200-.443.05%209.365%209.365%200%200%200-.062-4.509A1.38%201.38%200%200%200%209.125.111L8.864.046zM11.5%2014.721H8c-.51%200-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65%201.095-.3%201.977-.996%202.614-1.708.635-.71%201.064-1.475%201.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34%208.34%200%200%201-.145%204.725.5.5%200%200%200%20.595.644l.003-.001.014-.003.058-.014a8.908%208.908%200%200%201%201.036-.157c.663-.06%201.457-.054%202.11.164.175.058.45.3.57.65.107.308.087.67-.266%201.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581%200%20.212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.224%202.224%200%200%201-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.866.866%200%200%201-.121.416c-.165.288-.503.56-1.066.56z%27%2F%3E%0A%3C%2Fsvg%3E\" alt=\"Trulli\" width=\"500\" height=\"333\"&gt;<\/code><\/pre>\n\n\n\n<p>The same approach is going to be implemented in PowerApps<\/p>\n\n\n\n<div class=\"wp-block-jetpack-slideshow aligncenter\" data-effect=\"slide\"><div class=\"wp-block-jetpack-slideshow_container swiper-container\"><ul class=\"wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper\"><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"398\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-1608\" data-id=\"1608\" src=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-207.png?resize=640%2C398&#038;ssl=1\" srcset=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-207.png?w=977&amp;ssl=1 977w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-207.png?w=300&amp;ssl=1 300w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-207.png?w=768&amp;ssl=1 768w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"200\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-1609\" data-id=\"1609\" src=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-208-1024x320.png?resize=640%2C200&#038;ssl=1\" srcset=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-208.png?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-208.png?w=300&amp;ssl=1 300w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-208.png?w=768&amp;ssl=1 768w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-208.png?w=1536&amp;ssl=1 1536w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-208.png?w=1889&amp;ssl=1 1889w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-208.png?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"367\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-1611\" data-id=\"1611\" src=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-209-1024x587.png?resize=640%2C367&#038;ssl=1\" srcset=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-209.png?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-209.png?w=300&amp;ssl=1 300w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-209.png?w=768&amp;ssl=1 768w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-209.png?w=1265&amp;ssl=1 1265w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/figure><\/li><\/ul><a class=\"wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white\" role=\"button\"><\/a><a class=\"wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white\" role=\"button\"><\/a><a aria-label=\"Pause Slideshow\" class=\"wp-block-jetpack-slideshow_button-pause\" role=\"button\"><\/a><div class=\"wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white\"><\/div><\/div><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>\"data:image\/svg+xml;utf8, \"&amp;EncodeUrl(\"\n&lt;svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' fill='currentColor' class='bi bi-hand-thumbs-up' viewBox='0 0 16 16'&gt;\n  &lt;path d='M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2.144 2.144 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a9.84 9.84 0 0 0-.443.05 9.365 9.365 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111L8.864.046zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a8.908 8.908 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.224 2.224 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.866.866 0 0 1-.121.416c-.165.288-.503.56-1.066.56z'\/&gt;\n&lt;\/svg&gt;\n\")<\/code><\/pre>\n\n\n\n<p>Please post your queries in the comments. Happy Building \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Icons are a way to show richness in User Interface, Even though Canvas apps provide a handful of icons they might not be suitable for some of the scenarios. In such cases, we can use SVG icons or if the UI needs to be improvised across the app SVG icons can be used. SVG images are scalable, do not take [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1611,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[6,32,5],"tags":[54,12,9,53],"class_list":["post-1594","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-canvas-apps","category-power-platform","category-powerapps","tag-bootstrap","tag-canvas-app","tag-powerapps","tag-svg"],"jetpack_publicize_connections":[],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-209.png?fit=1265%2C725&ssl=1?v=1637865752","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":1801,"url":"https:\/\/365stack.in\/index.php\/2021\/11\/28\/how-to-create-nested-gallery-in-power-apps\/","url_meta":{"origin":1594,"position":0},"title":"How to create Nested Gallery in Power Apps","author":"Premkumar Perumal","date":"November 28, 2021","format":false,"excerpt":"Let's try to build a PowerApps's Nested gallery view using GroupBy function to achieve the Grouping functionality of SharePoint List We have used below sample data in Collection as a data source for the galleries used in this Nested Gallery Application and we can also use any data source to\u2026","rel":"","context":"In &quot;Canvas Apps&quot;","block_context":{"text":"Canvas Apps","link":"https:\/\/365stack.in\/index.php\/category\/power-platform\/powerapps\/canvas-apps\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-2021-11-28-183835-e1638106039601.png?fit=872%2C424&ssl=1%3Fv%3D1638104932&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1011,"url":"https:\/\/365stack.in\/index.php\/2021\/06\/05\/creating-new-form-in-canvas-app\/","url_meta":{"origin":1594,"position":1},"title":"How to create New Form in Canvas App | PowerApps","author":"Kanagaraj Neelamegan","date":"June 5, 2021","format":false,"excerpt":"How to create simple form using canvas app.","rel":"","context":"In &quot;Canvas Apps&quot;","block_context":{"text":"Canvas Apps","link":"https:\/\/365stack.in\/index.php\/category\/power-platform\/powerapps\/canvas-apps\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/06\/NewForm.png?fit=1200%2C551&ssl=1%3Fv%3D1623349393&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1232,"url":"https:\/\/365stack.in\/index.php\/2021\/07\/04\/how-to-build-responsive-gallery-using-powerapps-canvas-app\/","url_meta":{"origin":1594,"position":2},"title":"How To Build Responsive Gallery using PowerApps | Canvas App","author":"Kanagaraj Neelamegan","date":"July 4, 2021","format":false,"excerpt":"Lets create responsive card view using gallery control in power apps.","rel":"","context":"In &quot;Canvas Apps&quot;","block_context":{"text":"Canvas Apps","link":"https:\/\/365stack.in\/index.php\/category\/power-platform\/powerapps\/canvas-apps\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/07\/Responsivegallery.png?fit=1037%2C766&ssl=1%3Fv%3D1625418734&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1139,"url":"https:\/\/365stack.in\/index.php\/2021\/06\/09\/how-to-perform-both-filter-and-search-in-gallery-using-power-apps\/","url_meta":{"origin":1594,"position":3},"title":"How To Perform Both Filter And Search In Gallery Using PowerApps","author":"Kanagaraj Neelamegan","date":"June 9, 2021","format":"video","excerpt":"Perform Search and Filter together in Gallery control. https:\/\/youtu.be\/TSj35fiDjqQ","rel":"","context":"In &quot;Canvas Apps&quot;","block_context":{"text":"Canvas Apps","link":"https:\/\/365stack.in\/index.php\/category\/power-platform\/powerapps\/canvas-apps\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/06\/FilterSearch.png?fit=1200%2C541&ssl=1%3Fv%3D1623349368&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1148,"url":"https:\/\/365stack.in\/index.php\/2021\/06\/09\/how-to-use-gallery-control-in-powerapps\/","url_meta":{"origin":1594,"position":4},"title":"How To Use Gallery Control In PowerApps","author":"Kanagaraj Neelamegan","date":"June 9, 2021","format":false,"excerpt":"Post will guide how to create card view using Gallery control.","rel":"","context":"In &quot;Canvas Apps&quot;","block_context":{"text":"Canvas Apps","link":"https:\/\/365stack.in\/index.php\/category\/power-platform\/powerapps\/canvas-apps\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/06\/GalleryControlTumbnail.png?fit=900%2C628&ssl=1%3Fv%3D1623349368&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1017,"url":"https:\/\/365stack.in\/index.php\/2021\/06\/05\/print-screens-in-your-canvas-app\/","url_meta":{"origin":1594,"position":5},"title":"Print screens in your canvas app","author":"Kanagaraj Neelamegan","date":"June 5, 2021","format":false,"excerpt":"Printing functionality in canvas apps.","rel":"","context":"In &quot;Canvas Apps&quot;","block_context":{"text":"Canvas Apps","link":"https:\/\/365stack.in\/index.php\/category\/power-platform\/powerapps\/canvas-apps\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2020\/10\/background1.jpg?fit=1200%2C675&ssl=1%3Fv%3D1623349406&resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/posts\/1594","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/comments?post=1594"}],"version-history":[{"count":4,"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/posts\/1594\/revisions"}],"predecessor-version":[{"id":1832,"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/posts\/1594\/revisions\/1832"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/media\/1611"}],"wp:attachment":[{"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/media?parent=1594"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/categories?post=1594"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/tags?post=1594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}