Project settings page not getting full page to display

Jira Development Jira Cloud
1

Hi,
In my cloud addon I am using jiraProjectAdminTabPanels for adding project settings page to my app but when project settings page loads it’s not coming on full page instead a vertical scroll appears as shown in image

ProjectSettings
ProjectSettings1351×625 58.6 KB

I did try AP to resize as shown below but still no luck
AP.resize(“100%”, “100%”);
AP.sizeToParent();

Can someone point me to why this may be happening ?

2

Hi @VishwajeetSingh,

Have you placed your iframe content within a div with the class ac-content:

<div class="ac-content"> 
{your iframe content}
</div>

See https://developer.atlassian.com/cloud/jira/platform/about-the-javascript-api/.

Regards,
Dugald

3

Yes please see below

<body class="ac-content">
<div class="container-fluid">
<h4>Customer Settings</h4>
<form id="settings-form">
<div class="form-group">
<input class="form-check-input" type="checkbox" value="" id="enabled">
<label class="form-check-label" for="enabled">
Enabled
</label>
</div>
<button type="submit" class="btn btn-primary">Save</button>
</form>
</div>

</body>
4

Hi @VishwajeetSingh,

Thanks for your response. You could try loading the debug version of all.js (https://connect-cdn.atl-paas.net/all-debug.js) and see how it’s computing the size of your iframe. You should see a function called size in all.js.

Regards,
Dugald

2 Likes
5

Thanks for your inputs while trying to change url I noticed data-options which I had passed by mistake

<script src="{{hostScriptUrl}}" type="text/javascript" data-options="sizeToParent: true;"></script>

I removed data-options=“sizeToParent: true;” and it worked.

Thanks for the support.

6

Thanks for the confirmation @VishwajeetSingh. I’m glad you got it working. :slight_smile:

1 Like