Embedded dashboard: hide edit chart title link

[frlm]

I am opening this discussion because I am unable to hide the edit link of the chart within an embedded dashboard, i.e. href associated with the chart title, users accessing the dashboard should not view it because they do not have permissions to edit the chart. Even if the user is blocked from editing and therefore will not access the displayed link, I would prefer that the user does not see it.

[Ralkion]

Hi there.

I'm not a contributor, but I've found that the link you describe on the dashboard is controlled by the permission "Can explore on Superset".

That permission does seem to control some other items as well though, so you may still need it depending on your use-case.

[MaximDown]

Hide using CSS

[Aponte145]

Hello,

To hide the title of a chart in a dashboard using CSS, you can use the following code in the dashboard

[data-test-chart-id] > div:first-child {
display: none;
}

If you want to show the title but prevent it from being a clickable link, use this code instead:

[data-test-chart-id] > div:first-child a {
pointer-events: none;
cursor: default;
color: inherit;
text-decoration: none;
}

I hope this helps!

[arkpatrick]

This works very nicely. To hide the "Click to edit Top fields. Use ⌘ + click to open in a new tab." tooltip without hiding the title, I went with the following

.ant-tooltip-inner {
display: none;
}

[LaurenceLong]

If you are using embed sdk, I suggest the css below to separate superset itself and embed dashboard

Edit Dashboard > Edit CSS

body:not(:has(.navbar-brand)) #GRID_ID-panel-GRID_ID * div.header-title > span {
pointer-events: none !important;
cursor: default !important;
text-decoration: none !important;
color: inherit !important;
}