nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Embed the actual jira issue collector form inline on a page - not the tab

M_xa4v44

I want to embed the form directly into a webpage inline like wufoo or jotform - not the tab that links to it. I.e. I don't want the javascript to create a button that a user clicks to reach the form - I want to embed the form itself. When the user arrives on a webpage - they see the form itself. They don't have to click on a button to get to it.

Anyone know how to do that?

Accepted answers

All comments

Jason Turner

I have been searching for this for some time myself with no luck. If I don't find something soon I will setup a Google Form and use https://zapier.com/to create the issue in Jira. Creating the form in Google is easy, creating the zaps is a little more difficult since you need to match the form value to the internal value of Jira. Also by doing this you can take advantage of any custom fields not just the ones Issue Collector provides. It will be some house keeping though as you make field/value changes in Jira to make any necessary changes in the Google form and zap.

Janna Jacobson

Zapier doesn't work w JIRA 6.1 yet.

Jason Turner

I have Zapier working with 6.1.3, "well enough". Nothing fancy just creating tickets when a new row is added to a google spreadsheet.

Todd Kovalsky1

Are you able to expose all of your fields in Zapier? I am having issues with connecting "Components".

Tom Rehulka

Hi Mel,

just wondering, have you finally managed to embed the issue collector inline?

Best wishes,

Tom

Rui Marques

As far I was able to find from my research, showing the JIRA issue collector embedded is not available, so the next good option is to have the form automatically open without user intervention.

I took the liberty to craft a script to do that - click the Jira collector button to open the form. Assuming your jira issue collector button ID is 'atlwdg-trigger', this script should work in every modern browser (IE >= 11).

// Observe DOM changes, to wait until JIRA button is available:
var observer = new MutationObserver(function(mutations) { 
  mutations.forEach(function(mutation) { 
    if (!mutation.addedNodes) return;
for (var i = 0; i < mutation.addedNodes.length; i++) { 
      var node = mutation.addedNodes[i]; 
      if (node && node.id === 'atlwdg-trigger') { 
        node.click(); 
        // stop watching using: 
        observer.disconnect(); 
        return; 
      } 
    } 
  });
});

observer.observe(document.body, { 
  childList: true, 
  subtree: true, 
  attributes: false, 
  characterData: false
});

Tim Sweatt

As Rui mentioned, I too wasn't able to get the form to appear inline.

I was however able to get it to auto load by using a custom trigger for window load, and then falling back to a button displayed behind the form (so if the user hits cancel they can bring the form back up).

This article was particularly helpful:

Advanced use of the JIRA issue collector

Personally, I modified the default custom trigger code with the part in bold below (and assuming the fallback button has ID 'myCustomTrigger', per the default script):

<script type="text/javascript">
window.ATL_JQ_PAGE_PROPS = {
    "triggerFunction": function(showCollectorDialog) {
        jQuery("#myCustomTrigger").click(function(e) {
            e.preventDefault();
            showCollectorDialog();
        });

        jQuery(window).load(function() {
            showCollectorDialog();
        });

    }
};
</script>

Christo Papadopoulos_4o45yk

Put this into your html head and it will trigger the form, I just tested it.

<script type="text/javascript">
setTimeout(function() {

$('#atlwdg-trigger').trigger('click');

},100);
</script>

Only 7 years later

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

issue

jira

jira-administration

issue-collector