How to replicate exact position of visuals?

Is there a better way than just “looking” to organize the visuals on the same positions and alignment btw themselves and btw them and borders on all the dashboard pages?

The tab Format > Align does not help on this specifically or is lacking.

Thanks in advance

1 Like

Hi @klein.keagan

I don’t tend use snap to grid or drag visuals around the page to finalise their positions, I’ll use the direct placement in the formatting pane. Generally I’ll work in multiples of 10 pixels. My left hand graph will start 10 pixels in from the left, and say 40 pixels from the top, my visual will have a width of either 200, 210, 220 etc. Going up in multiples of 10. The visual which will be placed to the right, or beneath this visual, will be placed 10 pixels to the left or below visual no.1.

It’s sooo much easier to work in multiples of 10…"My visual starts 10 from the left, it’s 200 pixels in width, so my next visual to the right is 10 pixels to the right of that so 10+200+10 so visual 2 is placed at 220. After a long day of Power BI’ing do you really want your brain to be going “So my visual starts a 7 pixels from the left, my visual is 277 pixels in width, my spacing is going to be 8 pixels between visuals so that is 7+277+8 and that leaves me with how much space to the end of my page as my next visual is going to be 269 pixels wide blah blah”…I can do this math but why make it more difficult. Maybe that is just my brain, damaged from enduring so many poor Scotland football teams performances over the years, which struggles to do that math at the end of a long day.

Sure, I might drag a visual from one area to another, but I will finalise it’s position by using the horizontal & vertical pixel boxes as per below.

I’ll wireframe my report to understand what will be going on each page and work out my sizing there. There will be situations where I might deviate from this slightly, but that is on a case by case basis.

image

2 Likes

Totally agree … I’ve never used snap-to-grid or dragging and always used the Format/General (now Size and Position) to manually set values to multiples of 10 as @DavieJoe says.
Greg

1 Like

@Greg glad to hear I’m not the only one, my team mates drag & drop. I’ll often see visuals out by 1 or 2 pixels and it hits my OCD hard haha.

I tell myself it’s a badge of honour being able to spot something that is out of alignment by 1 or 2 pixels :joy:

1 Like

Thanks for the replies.

Someone also showed me the usage of rectangles to make sure it’s all the same size:

Also, is there a way to deactivate the snap-to-grid option, as it limits us sometimes (by forcing size adjustment to match that of something near).

Thanks again! =)

1 Like

2 Likes

If any of the replies have answered your question, please mark them as the solution.

Thanks

DJ

Didn’t know that. Done =)

1 Like

Btw, any ways to do that with inner objects/multiple elements in a visual, like this card with an image?

image

Thanks

Hi,

I’m not 100% sure what you mean?

Do you mean how to consistently place an image inside of a card and replicate this?

I mean, for example, the the below:

image

They are rectangles with a card and image inside them. How to position them all in a simetric way?

1 Like

Simetric? Do you mean symmetric?

1 Like

Yes, sorry. English is not my native language

Ah, btw, what does “wireframe my report” means?

By “wireframe”, it means I’ll create an outline of my report either by drawing it on a notepad, create a mock up in Excel or use Figma (a design tool) to help my planning of the report.

I’d use the same process as I outlined earlier.

Understand how big the rectangle will be, again in multiples of 10, so perhaps, for example have a rectangle of 120 pixels high, cards of 100 pixels high and place the cards 10 pixels inside the top of the rectangle. This will leave 10 pixels at the top and at the bottom so you have symmetry. Then place the image in the middle using the same method.

You could also use the alignment features in Power BI, please see below link

Use gridlines and snap-to-grid in Power BI reports - Power BI | Microsoft Learn

1 Like