lightdash
New tile type : 'Heading'
Problem
Right now, people use the Markdown tiles in order to create Headings where they separate out their content on dashboards. This currently feels like a hack because you would want your header to look and behave differently to a Markdown tile. Related to: https://github.com/lightdash/lightdash/issues/6218.
Really, you want to be able to achieve something like this:
MVP Proposal.
https://www.figma.com/proto/btY2rdBe5I2W4xLR3upmQG/Untitled?type=design&node-id=2115-188328&t=V5S4en5fv0keXP6r-0&scaling=min-zoom&page-id=1956%3A187421&starting-point-node-id=1956%3A187422
- [ ] Add a new tile type
Heading - [ ] Once you add a
Heading, a modal similar to theMarkdowntile appears. The user can edit the heading text in this modal. - [ ] Once the user hits 'add', a new tile should appear. The text should be the same style has tile titles, but with font-size: 22px
- [ ] In view mode, the tile should not have a white background or a box-shadow. In view-mode, the box-shadow can be displayed when the user hovers over it so that the user can understand the padding and dragging boundaries. The user should be able to resize and move the tile around like they would to any other tile.
- [ ] Once I've added the tile, I can use the three-dot menu to update the heading text. The modal title =
Edit heading. The CTA =Update - [ ] You should not be able to comment on these tiles
ℹ️ Info It's worth doing a quick first pass on this first to see how it looks and feels. Maybe the font-size needs adjusting, or the font size should be configurable etc
Is this issue still relevant? There have been no updates for 60 days, please close the issue or keep the conversation going!
![stale[bot] avatar](https://avatars.githubusercontent.com/in/1724?v=4 "Published by a pub.dev verified publisher"){kind=small}
+1 for this. Alternatively it could be a hint/type in a markdown box. Changes the treatment of the box to how your screenshot looks but retains all the markdown options within in? So when you select the markdown option it gives you the option of Type: Heading or Content
Another thing for the above would be to be able to enable or disable the markdown text box Title.
The H1 or H2 options would look good as section headings but it always displays the title which is significantly smaller than the H1/H2 options making them look somewhat ridiculous. I've attached a screenshot to illustrate.
Just adding another bit to your comment here from Slack, John!
If you then omit the title and choose any header smaller than H4 at the single row option then the text is truncated at H1 - H3. In fact the Title is the largest sized heading that isn't truncated as the H4 is smaller than the title font size.
The net result is this makes H1 - H3 less usable as you have to dedicate 2 row heights to section headers unnecessarily
This issue was mentioned by a user in slack: https://lightdash.slack.com/archives/C064W44EL4S/p1724751697430349?thread_ts=1724751697.430349&cid=C064W44EL4S
This issue was mentioned by a user in slack: https://lightdash.slack.com/archives/C075JNX28GG/p1740681531567169?thread_ts=1740681531.567169&cid=C075JNX28GG
This issue was mentioned by a user in slack: https://lightdash.slack.com/archives/C075JNX28GG/p1747428149146699?thread_ts=1747428149.146699&cid=C075JNX28GG
This issue was mentioned by a user in slack: https://lightdash.slack.com/archives/C08G22FB85B/p1758742967137019?thread_ts=1758742967.137019&cid=C08G22FB85B
This issue was mentioned by a user in slack: https://lightdash.slack.com/archives/C093596RA83/p1758806294826409?thread_ts=1758806294.826409&cid=C093596RA83
![linear[bot] avatar](https://avatars.githubusercontent.com/in/20150?v=4 "Published by a pub.dev verified publisher"){kind=small}
This issue was mentioned by a user in slack: https://lightdash.slack.com/archives/C093596RA83/p1758806294826409?thread_ts=1758806294.826409&cid=C093596RA83
This issue was mentioned by a user in slack: https://lightdash.slack.com/archives/C053ESBT36V/p1689330835997469?thread_ts=1689330835.997469&cid=C053ESBT36V
This issue was mentioned by a user in slack: https://lightdash.slack.com/archives/C09MWACUMFB/p1764263228674629?thread_ts=1764263228.674629&cid=C09MWACUMFB
This issue was mentioned by a user in slack: https://lightdash.slack.com/archives/C09MWACUMFB/p1764263228674629?thread_ts=1764263228.674629&cid=C09MWACUMFB