{"id":2708,"date":"2023-02-21T09:09:00","date_gmt":"2023-02-21T09:09:00","guid":{"rendered":"https:\/\/m365news.net\/?p=2708"},"modified":"2023-02-15T16:16:19","modified_gmt":"2023-02-15T16:16:19","slug":"power-apps-gallery-design-tutorial-gallery-ui-styles","status":"publish","type":"post","link":"https:\/\/m365news.net\/power-apps-gallery-design-tutorial-gallery-ui-styles\/","title":{"rendered":"Power Apps Gallery Design Tutorial: Gallery UI Styles"},"content":{"rendered":"\n<p>In this Power Apps design tutorial video, I will showcase how to transform the out-of-the-box Gallery design (UI\/UX) styles. We will improve the gallery design by using out-of-the-box controls and properties (No usage of SVG or HTML controls).<\/p>\n\n\n\n<p>We will create a card-like gallery design using template padding, add mouse hover effect on gallery items (transition effect &#8211; push or pop), leverage buttons to set background color of items and create rounded corners using border radius, provide cursor hand mouse hover effect on all controls within gallery by superimposing a transparent button, show horizontal bar leveraging rectangle shape controls, use emojis, append text, conditional formatting, Apply dark and light themes to gallery styles, Change gallery colors using theme variables and more.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this Power Apps design tutorial video, I will showcase how to transform the out-of-the-box Gallery design (UI\/UX) styles. We will improve the gallery design by using out-of-the-box controls and properties (No usage of SVG or HTML controls). We will create a card-like gallery design using template padding, add mouse hover effect on gallery items<\/p>\n","protected":false},"author":15,"featured_media":2709,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1,206],"tags":[207],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/m365news.net\/wp-json\/wp\/v2\/posts\/2708"}],"collection":[{"href":"https:\/\/m365news.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/m365news.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/m365news.net\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/m365news.net\/wp-json\/wp\/v2\/comments?post=2708"}],"version-history":[{"count":1,"href":"https:\/\/m365news.net\/wp-json\/wp\/v2\/posts\/2708\/revisions"}],"predecessor-version":[{"id":2710,"href":"https:\/\/m365news.net\/wp-json\/wp\/v2\/posts\/2708\/revisions\/2710"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/m365news.net\/wp-json\/wp\/v2\/media\/2709"}],"wp:attachment":[{"href":"https:\/\/m365news.net\/wp-json\/wp\/v2\/media?parent=2708"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/m365news.net\/wp-json\/wp\/v2\/categories?post=2708"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/m365news.net\/wp-json\/wp\/v2\/tags?post=2708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}