{"id":270,"date":"2019-12-18T10:17:14","date_gmt":"2019-12-18T10:17:14","guid":{"rendered":"http:\/\/4us2use.at\/?p=270"},"modified":"2019-12-18T10:21:43","modified_gmt":"2019-12-18T10:21:43","slug":"powerapp-icon-custom-color","status":"publish","type":"post","link":"http:\/\/4us2use.at\/?p=270","title":{"rendered":"PowerApp Icon &#8211; Custom Color"},"content":{"rendered":"\n<p>Out of the box PowerApps offers only a small palette of colors you can choose from. But since most companies have some design guidelines, specific colors may be required. <br>There is already a uservoice available for that topic: <a href=\"https:\/\/powerusers.microsoft.com\/t5\/Power-Apps-Ideas\/Custom-color-for-app-icon\/idi-p\/39664\">Link to user voice<\/a><\/p>\n\n\n\n<p>For the time being here is a workaround. <br>1. Save the .msapp file to your computer (File &#8211; Save as)<br>2. add the ending .zip to the download file<br>3. open the package (do NOT extract) with e.g. WinRar<br>4. edit the file Publishinfo.json (in folder Resources) and change the color code<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"834\" height=\"125\" src=\"http:\/\/4us2use.at\/wp-content\/uploads\/2019\/12\/iconcolor1.png\" alt=\"\" class=\"wp-image-271\" srcset=\"http:\/\/4us2use.at\/wp-content\/uploads\/2019\/12\/iconcolor1.png 834w, http:\/\/4us2use.at\/wp-content\/uploads\/2019\/12\/iconcolor1-300x45.png 300w, http:\/\/4us2use.at\/wp-content\/uploads\/2019\/12\/iconcolor1-768x115.png 768w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/figure>\n\n\n\n<p>5. save a copy of the file to your local drive<br>6. now DRAG&amp;DROP the modified file into the package<br>(do not extract and re-pack, it will not work)<br>7. remove the .zip ending from the package<br>8. in PowerApps EDIT the app you want to change<br>9. go to File &#8211; Open and upload the modified .msapp package<br>10. go to File &#8211; Save and click on &#8220;Raplace existing app here&#8221;<br>11. Publish the app<\/p>\n\n\n\n<p>Boom! It&#8217;s done<\/p>\n\n\n\n<p> <span id=\"post-ratings-270\" class=\"post-ratings\" data-nonce=\"9701344814\"><img id=\"rating_270_1\" src=\"http:\/\/4us2use.at\/wp-content\/plugins\/wp-postratings\/images\/stars\/rating_off.gif\" alt=\"1 Star\" title=\"1 Star\" onmouseover=\"current_rating(270, 1, '1 Star');\" onmouseout=\"ratings_off(0, 0, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_270_2\" src=\"http:\/\/4us2use.at\/wp-content\/plugins\/wp-postratings\/images\/stars\/rating_off.gif\" alt=\"2 Stars\" title=\"2 Stars\" onmouseover=\"current_rating(270, 2, '2 Stars');\" onmouseout=\"ratings_off(0, 0, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_270_3\" src=\"http:\/\/4us2use.at\/wp-content\/plugins\/wp-postratings\/images\/stars\/rating_off.gif\" alt=\"3 Stars\" title=\"3 Stars\" onmouseover=\"current_rating(270, 3, '3 Stars');\" onmouseout=\"ratings_off(0, 0, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_270_4\" src=\"http:\/\/4us2use.at\/wp-content\/plugins\/wp-postratings\/images\/stars\/rating_off.gif\" alt=\"4 Stars\" title=\"4 Stars\" onmouseover=\"current_rating(270, 4, '4 Stars');\" onmouseout=\"ratings_off(0, 0, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_270_5\" src=\"http:\/\/4us2use.at\/wp-content\/plugins\/wp-postratings\/images\/stars\/rating_off.gif\" alt=\"5 Stars\" title=\"5 Stars\" onmouseover=\"current_rating(270, 5, '5 Stars');\" onmouseout=\"ratings_off(0, 0, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/> (No Ratings Yet)<br \/><span class=\"post-ratings-text\" id=\"ratings_270_text\"><\/span><\/span><span id=\"post-ratings-270-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>   <br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Out of the box PowerApps offers only a small palette of colors you can choose from. But since most companies have some design guidelines, specific colors may be required. There is already a uservoice available for that topic: Link to user voice For the time being here is a workaround. 1. Save the .msapp file &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/4us2use.at\/?p=270\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;PowerApp Icon &#8211; Custom Color&#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":[11],"tags":[13,12],"_links":{"self":[{"href":"http:\/\/4us2use.at\/index.php?rest_route=\/wp\/v2\/posts\/270"}],"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=270"}],"version-history":[{"count":3,"href":"http:\/\/4us2use.at\/index.php?rest_route=\/wp\/v2\/posts\/270\/revisions"}],"predecessor-version":[{"id":274,"href":"http:\/\/4us2use.at\/index.php?rest_route=\/wp\/v2\/posts\/270\/revisions\/274"}],"wp:attachment":[{"href":"http:\/\/4us2use.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=270"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4us2use.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=270"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4us2use.at\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}