Align Shadow Rendering Between Card Visual Container and Individual Card Values

[pavankumarg]

Product Area

Power BI → Visualizations → Card (New Card Visual)

---

Problem Statement

In the new Card visual, the shadow applied at the visual container level and the shadow applied to individual card values (inside the visual) behave differently. Even when identical shadow settings (offset, blur, transparency, color) are configured, the rendered visual result is inconsistent.

This results in:

• Mismatched shadow depth and softness
• Visual inconsistency within the same card visual
• Difficulty in maintaining a clean and uniform design across reports

Card shadow settings:

In the above image we can see that there is a difference in main shadow and inside value's shadow even though we have used the same configuration for both the shadows:

Card shadow settings (inside value):

Main shadow's configuration:

---

Current Behavior

• The Visual → General → Effects → Shadow setting applies a shadow to the entire card visual container.
• The Visual → Cards / Callout / Reference Label → Shadow settings apply shadows to individual values inside the card.
• Despite configuring the same shadow properties in both places:
  • The container shadow and value‑level shadow render differently
  • Shadow intensity, spread, and blur do not visually match
  • The result looks misaligned and inconsistent from a UI/UX perspective

---

Request to Product team:

Power BI should ensure consistent shadow rendering logic across:

• Card visual container (entire visual)
• Individual card elements (callout values, reference labels, multi‑card values)

Specifically:

• Identical shadow settings should produce visually identical results
• Shadow depth, blur, and offset should follow a single rendering model
• Optionally, the value‑level shadow could inherit from the container shadow by default, with the ability to override if needed.