{"id":1914,"date":"2022-03-25T14:30:34","date_gmt":"2022-03-25T14:30:34","guid":{"rendered":"https:\/\/www.toponecrm.com\/blog\/?p=1914"},"modified":"2022-03-25T16:35:10","modified_gmt":"2022-03-25T16:35:10","slug":"how-to-change-font-colors-in-automated-email-notification-power-automates","status":"publish","type":"post","link":"https:\/\/toponecrm.com\/blog\/dynamics-365\/how-to-change-font-colors-in-automated-email-notification-power-automates\/","title":{"rendered":"How to add styling to a created HTML table for an automated Email notification (Power Automates)?"},"content":{"rendered":"\n<p>To add styling to your email notification you have to create a compose action in your flow<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"793\" height=\"678\" src=\"https:\/\/www.toponecrm.com\/blog\/wp-content\/uploads\/2022\/03\/image-8.png\" alt=\"\" class=\"wp-image-1924\" srcset=\"https:\/\/toponecrm.com\/blog\/wp-content\/uploads\/2022\/03\/image-8.png 793w, https:\/\/toponecrm.com\/blog\/wp-content\/uploads\/2022\/03\/image-8-300x256.png 300w, https:\/\/toponecrm.com\/blog\/wp-content\/uploads\/2022\/03\/image-8-768x657.png 768w, https:\/\/toponecrm.com\/blog\/wp-content\/uploads\/2022\/03\/image-8-350x299.png 350w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/figure>\n\n\n\n<p>and then place your CSS inside the action<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"782\" height=\"720\" src=\"https:\/\/www.toponecrm.com\/blog\/wp-content\/uploads\/2022\/03\/image-10.png\" alt=\"\" class=\"wp-image-1926\" srcset=\"https:\/\/toponecrm.com\/blog\/wp-content\/uploads\/2022\/03\/image-10.png 782w, https:\/\/toponecrm.com\/blog\/wp-content\/uploads\/2022\/03\/image-10-300x276.png 300w, https:\/\/toponecrm.com\/blog\/wp-content\/uploads\/2022\/03\/image-10-768x707.png 768w, https:\/\/toponecrm.com\/blog\/wp-content\/uploads\/2022\/03\/image-10-350x322.png 350w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-left\">Finally place output of compose CSS and output of the created HTML table <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"801\" height=\"605\" src=\"https:\/\/www.toponecrm.com\/blog\/wp-content\/uploads\/2022\/03\/image-11.png\" alt=\"\" class=\"wp-image-1927\" srcset=\"https:\/\/toponecrm.com\/blog\/wp-content\/uploads\/2022\/03\/image-11.png 801w, https:\/\/toponecrm.com\/blog\/wp-content\/uploads\/2022\/03\/image-11-300x227.png 300w, https:\/\/toponecrm.com\/blog\/wp-content\/uploads\/2022\/03\/image-11-768x580.png 768w, https:\/\/toponecrm.com\/blog\/wp-content\/uploads\/2022\/03\/image-11-350x264.png 350w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/figure>\n\n\n\n<h3> <strong><em>In case you faced a problem with HTML tags appearing in you outputs you can solve that problem by creating a replace expression to replace the HTML tags and stop them from showing up in the output: <\/em><\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"439\" src=\"https:\/\/www.toponecrm.com\/blog\/wp-content\/uploads\/2022\/03\/image-22-1024x439.png\" alt=\"\" class=\"wp-image-1951\" srcset=\"https:\/\/toponecrm.com\/blog\/wp-content\/uploads\/2022\/03\/image-22-1024x439.png 1024w, https:\/\/toponecrm.com\/blog\/wp-content\/uploads\/2022\/03\/image-22-300x129.png 300w, https:\/\/toponecrm.com\/blog\/wp-content\/uploads\/2022\/03\/image-22-768x329.png 768w, https:\/\/toponecrm.com\/blog\/wp-content\/uploads\/2022\/03\/image-22-350x150.png 350w, https:\/\/toponecrm.com\/blog\/wp-content\/uploads\/2022\/03\/image-22.png 1057w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/figure>\n\n\n\n<p>the function used in this example is: replace(replace(replace(body(&#8216;Create_HTML_table_for_related_Items&#8217;), &#8216;&amp;lt;&#8217; , &#8216;&lt;&#8216; ), &#8216;&amp;gt;&#8217;, &#8216;&gt;&#8217;), &#8216;&amp;quot;&#8217;, &#8216; &#8221; &#8216;)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>To add styling to your email notification you have to create a compose action in your flow and then place your CSS inside the action Finally place output of compose CSS and output of the created HTML table In case you faced a problem with HTML tags appearing in you outputs you can solve that &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/toponecrm.com\/blog\/dynamics-365\/how-to-change-font-colors-in-automated-email-notification-power-automates\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to add styling to a created HTML table for an automated Email notification (Power Automates)?&#8221;<\/span><\/a><\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":[],"_tribe_ticket_has_attendee_info_fields":false},"categories":[9,30],"tags":[27],"ticketed":false,"_links":{"self":[{"href":"https:\/\/toponecrm.com\/blog\/wp-json\/wp\/v2\/posts\/1914"}],"collection":[{"href":"https:\/\/toponecrm.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/toponecrm.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/toponecrm.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/toponecrm.com\/blog\/wp-json\/wp\/v2\/comments?post=1914"}],"version-history":[{"count":7,"href":"https:\/\/toponecrm.com\/blog\/wp-json\/wp\/v2\/posts\/1914\/revisions"}],"predecessor-version":[{"id":1958,"href":"https:\/\/toponecrm.com\/blog\/wp-json\/wp\/v2\/posts\/1914\/revisions\/1958"}],"wp:attachment":[{"href":"https:\/\/toponecrm.com\/blog\/wp-json\/wp\/v2\/media?parent=1914"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/toponecrm.com\/blog\/wp-json\/wp\/v2\/categories?post=1914"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/toponecrm.com\/blog\/wp-json\/wp\/v2\/tags?post=1914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}