Displaying Content in a Dialog in JIRA: popup width

[sm shamim]

I have a web item in operations-top-level. I am using 'trigger-dialog' style class to show the content in a popup. The content comes from a velocity template backed by a webwork action.

The problem is the content is shown in a medium popup, I have checked it is using 'popup-width-medium' css class. The initial content fits within the provided with, but the popup provides some feature which dynamically adds html elemens and this is causing things getting stretched outside the popup area.

How can I increase the initial width of the popup. More specifically how can I tell Jira to use 'popup-width-large' css class to display my popup?

[Carsten Tolkmit · Accepted solution]

I am using a new css class "trigger-dialog-large".

Then in my plugin.js I have:

(function(){

JIRA.bind(JIRA.Events.NEW_CONTENT_ADDED, function (e, $ctx) {
	    initLargeDialogs($ctx);
});

function initLargeDialogs(context) {
		context.find("a.trigger-dialog-large").each(function () {
	        new JIRA.FormDialog({
	            trigger: this,
	            id: this.id + "-dialog",
	            ajaxOptions: {
	                url: this.href,
	                data: {
	                    decorator: "dialog",
	                    inline: "true"
	                }
	            },
	            widthClass: "large"
	        });
	    });
	}

})(jQuery)

Take care, that the web-resource that contains plugin.js needs <context>atl.general</context>.

[roberto.lopez]

I have the <styleClass>trigger-dialog</styleClass> property in the webitem declaration (atlassian-plugin.xml).

Where I need to add "trigger-dialog-large" property? In atlassian-plugin.xml or in style in html/vm screen?

[Carsten Tolkmit]

In the web-item declaration, like this (taken from our self-written plugin):

<web-item name="AnswerAllEmailItem" i18n-name-key="answer-all-email-item.name" key="answer-all-email-item" section="ennit-tools-web-section" weight="1070">
    <description key="answer-all-email-item.description">The AnswerAll Plugin</description>
    <conditions type="AND">
      <condition class="de.ennit.atlassian.jira.web.condition.IsEmailSendingAllowedCondition"/>
      <condition class="de.ennit.atlassian.jira.web.condition.IsAnswerAllPossibleCondition"/>
    </conditions>
    <styleClass>trigger-dialog-large</styleClass>
    <label key="answer-all-email-item.label"/>
    <link linkId="answer-all-email-item-link">/secure/SendCustomerEmailAction!default.jspa?id=${issueId}&answerAll=true</link>
    <tooltip key="answer-all-email-item.tooltip"/>
    <param name="isPopupLink" value="true"/>
  </web-item>

[roberto.lopez]

Hi Carsten!

Thank you very much! You reply me very fast. I couldn’t have done it without you”.

I owe you!”

[shubham]

h

[manikandan.sabapathi]

Hi Carsten,

This is very nice to solve this problem. But still the width is fixed to some size. Can I have a customize the width and increase it?

Thanks,

Manikandan

[roberto.lopez]

Hi Carsten!

Thank you very much! You reply me very fast. I couldn’t have done it without you”.

I owe you!”

[roberto.lopez]

I have the <styleClass>trigger-dialog</styleClass> property in the webitem declaration (atlassian-plugin.xml).

Where I need to add "trigger-dialog-large" property? In atlassian-plugin.xml or in style in html/vm screen?