In this example, I am using Azure Blob storage to host images for our email. have images hosted on a public domain.know how to create queries in Azure Boards,.To build this flow, we are assuming that you After integrating all the connectors and building an email using HTML, your team members will receive an email that includes images and colors: In our case, we will have the following:Įveryday, we want to let our team members know the different issues that they need to work on.

You want to represent those four results in different sections in your email for reporting process. Let’s assume that we have four different queries that retrieve data from DevOps. You can access this information through dashboards and reports, but we also have found that sending an email is an easy and fast way to provide the most important information to the users. You can use queries, to count the number of issues based on status, type, assigned to, etc. If you are familiar with Azure Boards, you know that you can create multiple types of issues. We are using Azure Boards as our source of information for the email. In this example, we are leveraging the use of MS Flow to send reports directly in a format that people use the more: emails. Nowadays people rely on mobile devices and alerts to track the work they need to do. The email integrates HTML, CSS and images to make it more appealing. If you don't see any changes make sure to clear the cache of your eshop and the browser to reload all changes.This flow shows you how to send a daily email to your team members to remind them about open issues in AZURE Boards. It might be also a good idea to add '!important' at the end to make sure that our style will not be overridden by any other settings in the CSS. Let's assume you want to use this new font for the main titles of your eshop.Īnd edit it by adding 'font-family' code that was generated for you by Fonts Google. It depends where you want to apply this font. Insert the HTML code from above into the TPL file.Įditing of theme.css is not that straightforward.

themes/your_theme/templates/_partials/head.tpl.Name of the font-family that you will use in your CSS filesĮdit head.tpl and theme.css in your themeįirst, we will load the new font to your theme.HTML code that you will need to insert into the header of your theme.

Click on the PLUS icon to add the font into the list of your selected fonts.Ĭlick at the black bar at the bottom ('Family Selected'). Here are the steps how you can use any Google Font manually. However, the editor doesn't support ALL fonts that Google has to offer. If you use Prestabuilder editor you already know that it is easy to add many custom Google Fonts into your theme in a few clicks.

How to add footnote in rich text editor