Skip to content

feat(dashboard): "embed code" option on dashboard share tab #33163

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: master
Choose a base branch
from

Conversation

richardfogaca
Copy link

SUMMARY

This change adds an "Embed code" option to the chart sharing menu in Superset. Users can now easily get the iframe code to embed individual charts in other websites.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

433465832-7f5e37cf-fcbf-4b3d-b4fb-a5f5fcfb3586 433465889-7d96837a-97f1-479d-8a42-66827584d04f

TESTING INSTRUCTIONS

Open a dashboard, click on the three dot icon, and verify that the option "Embed Code" shows up on the Share tab. This option should bring the Embed code modal.

ADDITIONAL INFORMATION

  • Has associated issue:
  • Required feature flags:
  • Changes UI
  • Includes DB Migration (follow approval process in SIP-59)
    • Migration is atomic, supports rollback & is backwards-compatible
    • Confirm DB migration upgrade and downgrade tested
    • Runtime estimates and downtime expectations provided
  • Introduces new feature or API
  • Removes existing feature or API

@dosubot dosubot bot added the dashboard Namespace | Anything related to the Dashboard label Apr 17, 2025
Copy link

@korbit-ai korbit-ai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review by Korbit AI

Korbit automatically attempts to detect when you fix issues in new commits.
Category Issue Status
Readability Unnecessary Event Optional Chaining ▹ view ✅ Fix detected
Files scanned
File Path Reviewed
superset-frontend/src/dashboard/components/menu/ShareMenuItems/index.tsx
superset-frontend/src/dashboard/components/SliceHeaderControls/index.tsx

Explore our documentation to understand the languages and file types we support and the files we ignore.

Check out our docs on how you can make Korbit work best for you and your team.

Loving Korbit!? Share us on LinkedIn Reddit and X

@@ -109,6 +118,27 @@ const ShareMenuItems = (props: ShareMenuItemProps) => {
<Menu.Item key={MenuKeys.ShareByEmail} onClick={() => onShareByEmail()}>
{emailMenuItemTitle}
</Menu.Item>
{sliceExists && (
<Menu.Item key="embed_code">
<div onClick={e => e?.stopPropagation()} role="button" tabIndex={0}>

This comment was marked as resolved.

Copy link
Contributor

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Congrats on making your first PR and thank you for contributing to Superset! 🎉 ❤️

We hope to see you in our Slack community too! Not signed up? Use our Slack App to self-register.

@justinpark justinpark added the review:checkpoint Last PR reviewed during the daily review standup label Apr 17, 2025
@justinpark justinpark self-requested a review April 17, 2025 17:20
@richardfogaca richardfogaca requested a review from rusackas April 22, 2025 13:19
@michael-s-molina michael-s-molina removed the review:checkpoint Last PR reviewed during the daily review standup label Apr 22, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
dashboard Namespace | Anything related to the Dashboard size/M
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants