# A Datacards mishap **URL:** \ **Category:** Help\ **Tags:** dataview, custom-css, windows\ **Created:** [April 5, 2026, 9:07pm UTC](https://forum.obsidian.md/t/a-datacards-mishap/113056 "2026-04-05T21:07:41Z")\ **Posts on this page:** 2\ **Page:** 1
**Author:** ![CKleemannt](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/c/5f8ce5/32.png) [@CKleemannt](https://forum.obsidian.md/u/CKleemannt)\ **Post date:** [April 5, 2026, 9:07pm UTC](https://forum.obsidian.md/t/a-datacards-mishap/113056/1 "2026-04-05T21:07:41Z")
Greetings! for some context i wanted to make a Dashboard in my Obsidian vault to enhance my productivity. The idea is quite simple: use a js dataview query to render notes related to my personal goals. In each note, i’ve made a custom progress bar with CSS and a js dataview query that updates dinamically through checkboxes (like this one - ). In the Dashboard i’m trynna render the checkbar along other important metadata components such as a banner that i implemented with the plugin “Simple Banner”. Problem being: the image renders theoretically but shows none (i say theoretically because in the inspector i can see that the reference to the image is set). As shown in the image, something is messing in the render of the query. Also, i use the Typewriter theme for Obsidian, and i’m using the Datacards plugin to style the query this way. ![image](https://forum.obsidian.md/uploads/default/original/3X/8/0/80674eb5bf28ab454aa2cb99084ef16be2c20724.png) ### What I’m trying to do Here, is the code used in the Dashboard: ---
**Author:** ![system](https://forum.obsidian.md/uploads/default/original/3X/b/e/bec35fbd23ab28909bb6bfe62cb32eb82dd34019.png) [@system](https://forum.obsidian.md/u/system)\ **Post date:** [July 4, 2026, 9:07pm UTC](https://forum.obsidian.md/t/a-datacards-mishap/113056/2 "2026-07-04T21:07:54Z")
Closed on July 4, 2026, 9:07pm UTC This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.