Solved: Re: Vertical Alignment of text and images in Matri...

Walt1010 · ‎12-09-2025

Hi, I've created a matrix that holds some text in the row, plus a varity of images in the Vlues section. It looks great, except that the row height is automatically sietby the height of the largest image. All the other images in the row, plus the text, are all top-aligned. I would like everything to be centre-aligned, vertically. How do I achieve that? Isee played around with font sized and row padding, to little or no affect.

burakkaragoz · ‎12-09-2025

Hi @Walt1010 ,

I totally get your point. Coming from Excel, vertical alignment is one of the first things we look for.

As @Arul mentioned, there is currently no native button or setting in the Power BI Matrix visual to vertically center content. By default, if you have a tall image in a row, the text just hangs from the top and padding won't really fix the anchor point.

Is there a workaround? If this look is super important for your report, you can actually use a trick with SVG Measures. Instead of using the plain text column, you create a measure that draws the text as an image. This way, you can force it to the middle using code.

Here is a quick example pattern you can try (Make sure to set the Data Category to Image URL):

Centered Text SVG = 
VAR DisplayText = SELECTEDVALUE('YourTable'[YourTextColumn])
RETURN
"data&colon;image/svg+xml;utf8, " &
"<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%'>" &
"<text x='50%' y='50%' dominant-baseline='middle' text-anchor='middle' font-size='12' font-family='Segoe UI'>" & 
DisplayText & 
"</text></svg>"

It is a bit of extra work, but it gets the job done if the design is strict.

Hope this helps!

If my response resolved your query, kindly mark it as the Accepted Solution to assist others. Additionally, I would be grateful for a 'Kudos' if you found my response helpful. This response was assisted by AI for translation and formatting purposes.

View solution in original post

Kedar_Pande · ‎12-09-2025

@Walt1010

Power BI Matrix doesn't support vertical center alignment natively.

Workarounds:

Format → Images →
Size: Fixed (same height for all images)
Row padding: 0px
Text size: Match image height

burakkaragoz · ‎12-09-2025

Hi @Walt1010 ,

I totally get your point. Coming from Excel, vertical alignment is one of the first things we look for.

As @Arul mentioned, there is currently no native button or setting in the Power BI Matrix visual to vertically center content. By default, if you have a tall image in a row, the text just hangs from the top and padding won't really fix the anchor point.

Is there a workaround? If this look is super important for your report, you can actually use a trick with SVG Measures. Instead of using the plain text column, you create a measure that draws the text as an image. This way, you can force it to the middle using code.

Here is a quick example pattern you can try (Make sure to set the Data Category to Image URL):

Centered Text SVG = 
VAR DisplayText = SELECTEDVALUE('YourTable'[YourTextColumn])
RETURN
"data&colon;image/svg+xml;utf8, " &
"<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%'>" &
"<text x='50%' y='50%' dominant-baseline='middle' text-anchor='middle' font-size='12' font-family='Segoe UI'>" & 
DisplayText & 
"</text></svg>"

It is a bit of extra work, but it gets the job done if the design is strict.

Hope this helps!

If my response resolved your query, kindly mark it as the Accepted Solution to assist others. Additionally, I would be grateful for a 'Kudos' if you found my response helpful. This response was assisted by AI for translation and formatting purposes.

Walt1010 · ‎12-10-2025

Thanks thats a great idea!

burakkaragoz · ‎12-10-2025

You are very welcome @Walt1010 !

I am glad to hear that the SVG approach works for you. It is a bit of a workaround, but it definitely opens up a lot of design possibilities that aren't available natively yet.

Happy reporting!