Incubator-superset: Make it posible to hide filter header (chart-header) for a chart (suggestion)

Created on 26 Jun 2020  路  6Comments  路  Source: apache/incubator-superset

I would like to hide the filter header (chart-header) for a chart
I know I can use CSS to hide the header but then all chart-header`s on dashboard is hidden

Expected results

Chart header hidden

Actual results

Not posible at this point?

Screenshots

chart_header
hide_title

How to reproduce the bug

  1. Create a chart with a title

Environment

superset version: 0.36.0
python version: 3.6.10
node.js version: 12.16.1
npm version: 6.13.4

Checklist

  • [x] I have checked the superset logs for python stacktraces and included it here as text if there are any.
  • [x] I have reproduced the issue with at least the latest released version of superset.
  • [x] I have checked the issue tracker for the same issue and I haven't found one similar.

Additional context

See screenshot for suggested/proposed solution.
(Optional meta data parameter, "hide_title" pr. chart)

#bug request inactive

Most helpful comment

Issue-Label Bot is automatically applying the label #enhancement to this issue, with a confidence of 0.86. Please mark this comment with :thumbsup: or :thumbsdown: to give our bot feedback!

Links: app homepage, dashboard and code for this bot.

All 6 comments

Issue-Label Bot is automatically applying the label #enhancement to this issue, with a confidence of 0.86. Please mark this comment with :thumbsup: or :thumbsdown: to give our bot feedback!

Links: app homepage, dashboard and code for this bot.

@larsmars you should be able to use an nth-child selector to target the correct chart, then hide the appropriate attribute via CSS.

It is possible but a very hairy solution and if someone adds or remove a chart to the dashboard...

Agreed. Adding ID elements to the chart containers to enable better targeting of specific charts would be preferable.

If only CSS level 4 selectors were available today, we could use the new pseudo-selectors (e.g. :has) to solve this. Until then, @willbarrett is right... we'd need to find a good way to add appropriate IDs/Classes higher up in the DOM to make this work. Until either of those occur (I'll try to find time for this somewhere), the hairy CSS selectors are the best way forward, it seems.

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. For admin, please label this issue .pinned to prevent stale bot from closing the issue.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

sashank picture sashank  路  3Comments

john-bodley picture john-bodley  路  3Comments

dinhhuydh picture dinhhuydh  路  3Comments

gbrian picture gbrian  路  3Comments

deity-bram picture deity-bram  路  3Comments