web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Automate / How do I hyperlink an ...
Power Automate
Unanswered

How do I hyperlink an ADO Bug ID without showing the actual hyperlink?

(0) ShareShare
ReportReport
Posted on by Microsoft Employee

from my ADO query, I setup a variable BugURL and Select ID to make the hyperlink, which works. 
robenso_0-1712178267965.png

Then create HTML Table with Automatic setting (which picks up the fields from Select Report Fields) 

robenso_1-1712178505123.png

Then Compose CSS Formatting on the table, code shown below

robenso_2-1712178599926.png

 

<style>
table{
border: 1px solid #1C6EA4;
background-color: #EEEEEE;
width: 100%;
text-align: left;
border-collapse: collapse;
}
table td, table.th {
border: 1px solid #AAAAAA;
padding: 3px 4px;
}
table tbody td {
font-size: 13px;
}
table tr:nth-child(even) {
background: #D0E4F5;
}
table thead {
background: #1C6EA4;
background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
border-bottom: 2px solid #444444;
}
table thead th {
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
border-left: 2px solid #D0E4F5;
}
table thead th:first-child {
border-left: none;
}

table tfoot {
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
background: #D0E4F5;
background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
border-top: 2px solid #444444;
}
table tfoot td {
font-size: 14px;
}
table tfoot .links {
text-align: right;
}
table tfoot .links a{
display: inline-block;
background: #1C6EA4;
color: #FFFFFF;
padding: 2px 8px;
border-radius: 5px;
}
</style>
@{body('Create_HTML_table')}


Then Send email to list of output of CSS modified table
The Bug ID output shows a hyperlinked URL similar to https://dev.azure.com/{Organization}/{Group}/_workitems/edit/123456, which works as a hyperlink (org and group info removed and fake bugID used) 
The goal is I only want to show the Bug number 123456 that is hyperlinked so when it is clicked, it opens the Bug in ADO. 

 

I've tried to use multiple forms of <a href="BugURL/ID",ID </a>, but am coming up short on solution. CoPilot not helpful.

Categories:
I have the same question (0)

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Leaderboard > Power Automate

#1
David_MA Profile Picture

David_MA 62 Super User 2026 Season 1

#2
Haque Profile Picture

Haque 58

#3
Expiscornovus Profile Picture

Expiscornovus 39 Most Valuable Professional

Last 30 days Overall leaderboard