Versions Compared

Old Version 2

changes.mady.by.user Sireesha Dugginapeddi [Appfire] (Inactive) (Deactivated)

Saved on

compared with

New Version Current

changes.mady.by.user Sireesha Dugginapeddi [Appfire] (Inactive) (Deactivated)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

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

Add

...

the HTML for Jira gadget

To add the HTML for Jira 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.
    Look
    Image Added

  4. Search for HTML for Jira using the Search box and using Search and click Add gadget.

    Image Added

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

    Code Block
    <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 (Image Modified) to review your output before saving.

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

    Image Added

    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

...

  1. .

Perform actions on a gadget

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

Image RemovedImage Added 

  • 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.