After careful consideration, HTML for Jira will be retired and archived on the Atlassian Marketplace on December 26, 2023. Current customers and evaluators were informed of this change on September 27, 2023. Please contact our support team if you have any opinions.
Skip to end of banner
Go to start of banner

HTML for Jira gadget

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »

Jira dashboard gadgets outline the information related to Jira projects and issues. HTML for Jira is one such gadget that allows you to display dynamic HTML content. Build your own HTML using this gadget to view the resulting output image, video or any external content in your Jira dashboard.

This page explains in detail how to manage the HTML for Jira gadget.

Add a HTML for Jira gadget

To add the gadget to a dashboard:

  1. Navigate to the intended dashboard.
  2. Select ellipsis > Edit dashboard on the top right corner of the page to edit the dashboard.
  3. Click Add gadget on the top right corner of the page to view the Add a gadget window.
  4. Look for HTML for Jira using the Search box and click Add gadget.

  5. Start typing your HTML code into the Content text area of the HTML for Jira gadget. Or paste the link to any external content such as a relevant video or image to view the respective output.
    For example, add the following to include a video in the gadget:

    <iframe width="560" height="315" src="https://www.youtube.com/embed/cilvZbsapd4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


    You can click Preview () to review your output before saving.

  6. Click Save to save your HTML and view the respective output in the gadget.

You notice the respective content is added to the gadget. In this case, you can play the video right within the gadget without navigating to the source video.

Perform actions on a gadget

Click the ellipsis on the top right corner of the gadget to perform the following actions:

 

  • Maximize: Expands the gadget to occupy the entire width of the page. To get back to the original size, use the Restore option from the ellipsis menu.
  • Minimize: Shrink the gadget to the header of the gadget. To get back to the original size, use Maximize option from the ellipsis menu.
  • Select on the colors provided to change the header color.
  • Delete: Removes the gadget from the dashboard.
  • Edit: Allows you to edit the HTML content in the gadget.
  • Rename: Allows you to edit the title of the gadget.
  • No labels


Find answers from the community.

Ask a question to the community.

Log a request with our support team.

Confluence®, Jira®, Atlassian Bamboo®, Bitbucket®, Fisheye®, and Atlassian Crucible® are registered trademarks of Atlassian®
Copyright © 2005 - 2024 Appfire | All rights reserved. Appfire™, the 'Apps for makers™' slogan and Bob Swift Atlassian Apps™ are all trademarks of Appfire Technologies, LLC.