Snap to Grid functionality in Magic ETL

Aligning the tiles in magic ETL can become quite cumbersome without any grid or guides for the tiles to line up with.
It would be great for the default behavior of tiles to snap to a grid or show guide-lines that signify when tiles are aligned.
Comments
-
Technically, there is a grid-snap system in Magic ETL. Through some testing, my coworkers discovered that it seems to be a 3px by 3px grid.
We have come up with a simple command line script that overlays a grid for aligning tiles to this grid:
let canvasNode = document.querySelector(".df-inner-canvas");canvasNode.setAttribute("style",canvasNode.getAttribute("style")+"background-image: repeating-linear-gradient(0deg, #ccc 0 1px, transparent 1px 100%), repeating-linear-gradient(270deg, #ccc 0 1px, transparent 1px 100%); background-size: 108px 60px;");
console.log("%cGrid Applied!", "color: lime; font-weight: bold;")While in the ETL window, use CTRL + SHIFT + i to open the console, or right click and select "Inspect." Navigate to the console and copy the above code into the command line and hit ENTER. After a moment, a grid should appear on the background of the ETL window. You can change the size of the grid by adjusting the "background-size" attribute.
2 -
@skouzini Legendary! Thank you so much for this!
1 -
While there is already a "snap-to-grid" feature underlying the current Magic canvas, we do recognize that it is possibly too fine-grained to be useful. We are reviewing a more pronounced version of this feature for inclusion in some general updates we're looking to make to the authoring canvas.
Domo Product Manager for Data Transformation (MagicETL)
0 -
Since the last Domo shadow update, the previous ETL grid overlay has stopped working. I'm currently working on a fix.
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
- 656 Datasets
- 115 SQL DataFlows
- 2.2K Magic ETL
- 811 Beast Mode
- 3.3K Visualize
- 2.5K Charting
- 80 App Studio
- 45 Variables
- 771 Automate
- 190 Apps
- 481 APIs & Domo Developer
- 77 Workflows
- 23 Code Engine
- 36 AI and Machine Learning
- 19 AI Chat
- AI Playground
- AI Projects and Models
- 17 Jupyter Workspaces
- 410 Distribute
- 120 Domo Everywhere
- 280 Scheduled Reports
- 10 Software Integrations
- 142 Manage
- 138 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