Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Get Fabric Certified for FREE during Fabric Data Days. Don't miss your chance! Request now

Reply
tkerkman
Frequent Visitor

Display a measure as a hyperlink in a custom table visual is disabled

I have been working on ability to create and display a measure as a hyperlink in a custom table visual. The reason I need to create a measure as a hyperlink is to link reports and passing the applied filters between them via query string.
However, the link "appears" to be active, but clicking on link does not take the user to the URL in the hyperlink.  I have search the web and tried many different TypeScript code. The only way I could get it to work is through Chrome and right-clicking "Open New Window". All other ways just shows the link is being clicked on and no further action occurs.
 
If MS intentially disabled hyperlinks as I described above... why?  To me it makes not sense to limit the capabilites of Power BI.

2 REPLIES 2
v-ljerr-msft
Microsoft Employee
Microsoft Employee

Hi @tkerkman,



I have been working on ability to create and display a measure as a hyperlink in a custom table visual


What custom table visual are you using? Is it from Office Store or created by yourself? 


If MS intentially disabled hyperlinks as I described above... why?  To me it makes not sense to limit the capabilites of Power BI.

I don't think the hyperlinks are disabled on Power BI service, as the hyperlinks shown on the Table visual for a column still work, and are clickable. Smiley Happy

 

Regards

I have created a custom table visual using the code below:


        constructor(options: VisualConstructorOptions) {
            var captionArea = document.createElement("div");
            captionArea.innerHTML = "This is test chart";
            options.element.appendChild(captionArea);
           
        }

        public update(options: VisualUpdateOptions) {
            var val = JSON.stringify(options.dataViews[0].table.rows);
            val = val.replace('[["', '').replace('"]]', '')
            var holder = d3.select("div");
            holder.append("table").append("tr").append("td")
                .append("a")
                .attr("href", val)
                .attr("target", "_top")
                .text(" Measure Link");
        }
As you can see the, the link “appears”, but it is not active. Meaning, clicking on the link does nothing. However, if I open the same report in Google Chrome and right mouse click on the link to “Open New Window, it works as expected.

 

Screen shot of custom table visual.

MeasureLink.PNG

Helpful resources

Announcements
Fabric Data Days Carousel

Fabric Data Days

Advance your Data & AI career with 50 days of live learning, contests, hands-on challenges, study groups & certifications and more!

October Power BI Update Carousel

Power BI Monthly Update - October 2025

Check out the October 2025 Power BI update to learn about new features.

FabCon Atlanta 2026 carousel

FabCon Atlanta 2026

Join us at FabCon Atlanta, March 16-20, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.

Top Kudoed Authors