Skip to main content
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 

Enhance your career with this limited time 50% discount on Fabric and Power BI exams. Ends August 31st. Request your voucher.

shawnmarx

Button - alignment and rounding issues with Sept 21 release

Submitted by Advocate II on ‎09-22-2021 08:17 AM

With the new update for buttons, we have two issues with formatting. Both of these are with the rectangle shape, but may apply on others.

1) For text, if there's any word wrapping then the left or right alignment is ignored and it is only centered. Prior to the latest button release this wasn't an issue. After the Sept Desktop release, this is the same behavior in both desktop and the service. 

2) Round Edges doesn't seem to apply any longer. See screenshot with 9px rounding that shows correctly within the desktop app, but not in the service.

shawnmarx_0-1632323560622.png

shawnmarx_3-1632323603208.png

 

 

shawnmarx_1-1632323574871.png

shawnmarx_2-1632323598050.png

shawnmarx_4-1632323636891.png

 

 

Status: Accepted
See more ideas labeled with:
28 Comments (28 New)
Comments
AndrewLGoldman
Advocate I
Advocate I
‎09-24-2021 07:59 AM

We are also seeing this exact same issue!  In addition to the corners no longer being rounded, it seems like the padding update for buttons is either causing text to be pushed to a second line and/or being vertically bottom aligned, and some text that used to perfectly fit in the buttons is now pushed over and split across 2 lines (again guessing because of new padding addition) - any update from Microsoft would be great!

 
v-robertq-msft
Community Support
Community Support
‎09-26-2021 06:53 PM

Hi,

A similar issue has also been reported internally, so stay tuned.

ICM：263364989

 

Best Regards,

Community Support Team _Robert Qin

GF-PBI
Regular Visitor
‎09-28-2021 08:08 AM

We are still seeing square buttons in embedded reports. None of the new button shapes are respected in embedded reports. If a border is applied the button will be rounded, but then the text drops to the bottom of the button and is not legible. The Shape Shadow does not work in embedded or in the service. Please fix these bugs! It looks bad for our customers and it is very frustrating as a developer as there is no fix. 

euzebyolyra
Regular Visitor
‎09-28-2021 09:07 AM

Microsoft Team please fix this bug!
Still waiting, no updates.
Day after day.

Does anyone knows any means to temporarily workaround this issue?




shreyas4315
Regular Visitor
‎09-28-2021 09:11 AM

@euzebyolyra This is an extremely annoying issue. We are facing the same problem since so many days. The boxes look very ugly and old school.

 

There is a temporary workaround for this issue. The rounding problem is on the outline of the button. What you could use is the border feature and round the borders. There does not seem to be any issue with rounded borders. 

euzebyolyra
Regular Visitor
‎09-28-2021 02:59 PM

@shreyas4315 It's a good idea for temporarary workaround.

There's no issue with round borders when published.

But it stills lacks of complete hover effect for a button with only borders and no outline round edges.

Even so, thanks!!

shreyas4315
Regular Visitor
‎09-29-2021 04:58 AM

@euzebyolyra Yep I totally understand. There is no hover effect with the borders. 
Our reports specially use the hover effect for page navigation, etc. 

Additionally we already have so many reports published that we cannot change the outline to border in every report. 

It is so frustrating that Microsoft is still not updating an ETA for this issue. 

 

@v-robertq-msft 

Anonymous
Not applicable
‎09-30-2021 06:31 PM

The issue is with Shape and shape formatting properties,

on older versions there was no shape or shape properties you can make a rounded edges by changing the outline properties, on the new update you get 

William90_0-1633051750821.png

which does not exist on older versions of PowerBI desktop.

 

According to my test, the button loses all it's shape properties , Shape, Shadow and glow

William90_2-1633051842266.png

the issue started with the recent update due to inconsistencies between the older settings and the new ones.

 

looking forward to an update from Microsoft

 

v-robertq-msft
Community Support
Community Support
‎09-30-2021 06:36 PM

Hi,

I’ve got this message from pg:

I've responded to CSS to post comms.  Again, this issue only occurs when the text wraps across multiple lines and the icon alignment isn't set (default case).  To mitigate before the fix deploys, either reduce the text or increase the button width such that the text fits onto one line.

 

Best Regards,

Community Support Team _Robert Qin

Anonymous
Not applicable
‎09-30-2021 06:43 PM

Again, the text issue is that on older versions there was only padding but on new version there is only margins on 4 sides

Idea Statuses