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; } } }

Dynamic form as custom dialog

תהילה יששכר

I want to create a custom dialog that display form.
how can I do that?

Accepted answers

All comments

PD Sheehan

This is a big question.
It's not very different than asking: I want to create a mobile app that will make lots of money. How can I do that?

This requires a fair amount of prior programming experience.

You can read this to get you started: https://scriptrunner.adaptavist.com/latest/jira/fragments/WebItem.html#_dialogs_advanced

תהילה יששכר

@PD Sheehan thank you for reply
but what I mean is: can I had annotation as parameter (from dynamic form
like:
@UserPicker(label = "User", description = "Select a user")
ApplicationUser user)
and put it in my dialog(in my html string)?
and what is the type of annotation in groovy?

PD Sheehan

You can’t use the annotations there.

You have to build your own html form using plain html.
But for the form to do anything, you will have to include javascript to tell it what to do. You may need to created some rest endpoint for your javascript to point to.

תהילה יששכר

@PD Sheehan I want my form (that opened from the dialog) to be like jira style(css) like "create issue" style.
or in other words to make form like "create issue" but with my own code and fields .

some help?

PD Sheehan

You can use the AUI design patterns already included in JIRA https://aui.atlassian.com/aui/9.2.0/docs/forms.html

For example, in your dialog html, include a form like this

<form class="aui top-label">
    <fieldset class="group">
        <label for="textfieldid">Label for your field</label>
        <input type="text" class="aui text" id="textfieldid" $/>
    </fieldset>
</form>

With any additional fields you need. Note these fields will not be associated with any db information. You must populate with initial value yourself if that's the case. And as specified, the action to take when you submit the form (using an input type button ) will all have to be coded.