Skip to main content
Microsoft Idea

Power BI

New

Card Visual Customize width of each card/ field/ value

Vote (1) Share
Taylor Fisher's profile image

Taylor Fisher on 28 Sep 2023 18:39:27

The Multi row card and New Card visual is a huge pain for me. Particulary spacing wise.


Basically every "Card/Field" in a single visual is given the exact same amount of space. This makes sense for some scenarios, but certainly not most.


I want the same amount of SPACE/ PADDING between the different cards/fields. Not the same space for each Card/field.


If I wanted to add 3 fields to the multicard visual, and I want them to show in a single row. The label for the 1st one needs 100 pixels of space, the 2nd needs 50 pixels of space, and the third needs 60 pixels of space. And lets say 10 px padding minimum between the edge of the visual and the different cards/fields. I currently would need a 340 px visual.

and even then card/field 1 is going to look super smushed for space next to the 2nd card/field while there will be an incredible waste of space in between card/field/value 2 and 3 and card/field/value 3 and the edge of the visual.


(since label 1 needs 100 px, each card must have 100 px or the label will be cut off with a "..."

so 100px * 3 visuals = 300

+ 10 px space between each card = 10px * 2 = 20

+ the 10 px padding on the left and right of the visual itself. 10px *2 = 20

300+ 20+20 = 340. )


But the 2nd and 3rd field/card content only takes up 50 and 60 px. of space

So visually there is 10 px. of white space between visual 1 and 2

but 60 px. of white space between 2 and 3

and 50 px. of space between 3 and the right edge of the visual.

another way to put it, white space and content horizontally are viewed as below


left edge, 10px, field 1 content, 10 px, field 2 content, 60px, field 3 content, 50px, right edge



If there was an option for auto or custom width on the cards, then I would only need a 250 pix visual and there would be equal white space between each card/visual

Field 1 would take up 100px as needed

Field 2 would take up 50px as needed

and Field 3 would take 60px as needed.


So the content and white space would be as follows:


left edge, 10px, field 1 content, 10 px, field 2 content, 10px, field 3 content, 10px, right edge


To solve for this, I am currently creating separate visuals for EACH field if possible. Though sometimes it is not due to the functionality and filtering of the multirow card.


This same issue occurs in the New card.