Report backgrounds and images in Power BI - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to set a background image in Power BI report using the Format pane.

Power BI

In the Format pane, under Page Background, toggle [1] to enable the background image.

Drag options to blanks, or click blank then click option'

AImage URL

BImage Fit

CImage

DAdd Image

Attempts:

3 left

💡 Hint

Common Mistakes

Selecting 'Add Image' which is not a toggle but a button.

Confusing 'Image Fit' with enabling the image.

Looking for 'Image URL' which is not used here.

To set a background image, you toggle the Image option in the Page Background section.

2fill in blank

medium

Complete the code to adjust the transparency of the report background image.

Power BI

In the Format pane, under Page Background, use the [1] slider to change the transparency level.

Drag options to blanks, or click blank then click option'

ATransparency

BSaturation

CContrast

DBrightness

Attempts:

3 left

💡 Hint

Common Mistakes

Adjusting Brightness instead of Transparency.

Changing Contrast or Saturation which affect colors, not transparency.

The Transparency slider controls how see-through the background image is.

3fill in blank

hard

Fix the error in the DAX expression to display an image URL dynamically in a card visual.

Power BI

ImageURL = SELECTEDVALUE('Images'[[1]])

Drag options to blanks, or click blank then click option'

AURL

BImagePath

CImage

DImageURL

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'Image' or 'URL' which may not match the actual column name.

Using 'ImagePath' which is not the correct column here.

The column storing the image URLs is usually named ImageURL, so SELECTEDVALUE should reference that.

4fill in blank

hard

Fill both blanks to set the background image fit mode and toggle the image visibility.

Power BI

Format pane > Page Background > Image Fit: [1], toggle Image: [2]

Drag options to blanks, or click blank then click option'

AFit

BTrue

CFalse

DFill

Attempts:

3 left

💡 Hint

Common Mistakes

Choosing 'Fit' instead of 'Fill' for full coverage.

Setting toggle to False which hides the image.

The Fill mode makes the image cover the page, and toggling Image to True enables it.

5fill in blank

hard

Fill all three blanks to create a measure that returns an image URL based on a selected category.

Power BI

Image Measure = SWITCH(SELECTEDVALUE('Category'[Name]), [1], "https://example.com/cat1.png", [2], "https://example.com/cat2.png", [3] )

Drag options to blanks, or click blank then click option'

A"Category1"

B"Category2"

C"https://example.com/default.png"

D"Category3"

Attempts:

3 left

💡 Hint

Common Mistakes

Using category names without quotes.

Not using the default URL as the last blank.

Using a category name instead of the default URL for the last blank.

The SWITCH function checks for 'Category1' and 'Category2', and uses "https://example.com/default.png" as the default case.

Practice

1. What is the main purpose of adding a background image to a Power BI report page?

easy

A. To hide data from viewers

B. To replace all visuals with a single image

C. To make the report load faster

D. To improve the visual appeal and provide context to the report

Solution

1. Step 1: Understand the role of backgrounds in reports

   Background images are used to enhance the look and feel of the report, making it more engaging and easier to understand.

2. Step 2: Consider the effect of backgrounds on report clarity

   Backgrounds provide context but do not replace data or visuals; they support the message visually.

3. Final Answer:

   To improve the visual appeal and provide context to the report -> Option D

4. Quick Check:

   Backgrounds enhance report look = A [OK]

Hint: Backgrounds add context and style, not data replacement [OK]

Common Mistakes:

• Thinking backgrounds replace visuals
• Assuming backgrounds speed up report loading
• Using backgrounds to hide data

2. Which Power BI pane do you use to add a background image to a report page?

easy

A. Visualizations pane

B. Model pane

C. Format pane

D. Data pane

Solution

1. Step 1: Identify where formatting options are located

   The Format pane in Power BI contains settings for visuals and page backgrounds.

2. Step 2: Confirm background image settings location

   Background images are added and adjusted (including transparency) in the Format pane under Page Background.

3. Final Answer:

   Format pane -> Option C

4. Quick Check:

   Backgrounds set in Format pane = D [OK]

Hint: Use Format pane for backgrounds, not Data or Model panes [OK]

Common Mistakes:

• Trying to add backgrounds in Data pane
• Looking for backgrounds in Visualizations pane
• Confusing Model pane with formatting options

3. You add a background image to a report page and set transparency to 50%. What will be the visual effect?

medium

A. The image will be fully visible and block all visuals

B. The image will appear faded, allowing visuals to be seen clearly

C. The image will be invisible

D. The image will appear pixelated

Solution

1. Step 1: Understand transparency effect on background images

   Setting transparency to 50% makes the image semi-transparent, so it does not overpower other visuals.

2. Step 2: Visualize how visuals and background interact

   The visuals remain clear and readable because the background image is faded, not fully opaque.

3. Final Answer:

   The image will appear faded, allowing visuals to be seen clearly -> Option B

4. Quick Check:

   50% transparency means faded image = C [OK]

Hint: 50% transparency means half visible, not hidden or full [OK]

Common Mistakes:

• Thinking 50% transparency hides the image
• Assuming image blocks visuals completely
• Confusing transparency with image quality

4. You inserted an image visual but it does not display on the report page. What is the most likely cause?

medium

A. The image file path is incorrect or the image is missing

B. The report page background is set to white

C. The image visual is locked and cannot be moved

D. The data model is corrupted

Solution

1. Step 1: Check image source for image visual

   If the image file path is wrong or the image file is missing, the visual will not show the image.

2. Step 2: Rule out unrelated causes

   Background color or locking the visual does not prevent image display; data model corruption does not affect images directly.

3. Final Answer:

   The image file path is incorrect or the image is missing -> Option A

4. Quick Check:

   Missing image file = no display = A [OK]

Hint: Check image file path first if image visual is blank [OK]

Common Mistakes:

• Blaming background color for missing image
• Assuming locked visuals hide images
• Thinking data model affects image visuals

5. You want to add a company logo to every page of your Power BI report without blocking any visuals. What is the best approach?

hard

A. Add the logo as a page background image with high transparency (e.g., 80%)

B. Add the logo as a page background image with 0% transparency

C. Insert the logo as an image visual and place it in a corner with no transparency

D. Add the logo as a data field in the report

Solution

1. Step 1: Consider how to show logo on all pages without blocking visuals

   Using a page background image with high transparency allows the logo to appear subtly behind visuals.

2. Step 2: Evaluate other options

   0% transparency makes the logo fully opaque and may block visuals; inserting as image visual requires adding on each page; adding as data field is not for images.

3. Final Answer:

   Add the logo as a page background image with high transparency (e.g., 80%) -> Option A

4. Quick Check:

   High transparency background = subtle logo = B [OK]

Hint: Use transparent background images for logos behind visuals [OK]

Common Mistakes:

• Using 0% transparency blocks visuals
• Inserting logo on each page manually
• Trying to add logo as data field