Making your DDX HTML Brick transparent
Greetings :wave:
Hoping someone will be able to solve a mystery for me. I have been playing with the HTML brick and am stuck on how to make the background of the card transparent. I used the card interface but even when set to transparent it remains white which I suppose in makes sense.
I tried using CSS to have the background match the background of the dashboard but then I'm left with this white space at the bottom. I'm unable to resize my card to get rid of the white space and avoid the scrollbar. Is there a hack for this or am I missing something obvious?
Best Answer
-
So I managed to find the solution to this. Using the background color UI of the brick card to control the background doesn't work. 'Hacking' your CSS does.
By giving the class my div container that holds all my html and the actual html element the same color you have full control over the background of your brick.
2
Answers
-
So I managed to find the solution to this. Using the background color UI of the brick card to control the background doesn't work. 'Hacking' your CSS does.
By giving the class my div container that holds all my html and the actual html element the same color you have full control over the background of your brick.
2 -
you can also use background-color: #11ffee00;
that is the hex code for transparent, the when you set the card background as transparent on the page set up, it will just show the page background
2 -
Thank you - great tip. Going to try that next.
0 -
@meerens this helped me out today just wanted to say Thank you!
1
Categories
- All Categories
- 2K Product Ideas
- 2K Ideas Exchange
- 1.6K Connect
- 1.3K Connectors
- 311 Workbench
- 6 Cloud Amplifier
- 9 Federated
- 3.8K Transform
- 657 Datasets
- 115 SQL DataFlows
- 2.2K Magic ETL
- 815 Beast Mode
- 3.3K Visualize
- 2.5K Charting
- 81 App Studio
- 45 Variables
- 775 Automate
- 190 Apps
- 481 APIs & Domo Developer
- 81 Workflows
- 23 Code Engine
- 40 AI and Machine Learning
- 20 AI Chat
- 1 AI Playground
- 1 AI Projects and Models
- 18 Jupyter Workspaces
- 410 Distribute
- 120 Domo Everywhere
- 280 Scheduled Reports
- 10 Software Integrations
- 144 Manage
- 140 Governance & Security
- 8 Domo Community Gallery
- 48 Product Releases
- 12 Domo University
- 5.4K Community Forums
- 41 Getting Started
- 31 Community Member Introductions
- 114 Community Announcements
- 4.8K Archive