Javascript update UI componet

Avinash Singh

Hi,

Im trying to update an UI element through javascript from Jira announcement banner. 

When the page is already loaded it easy to disable the elements i need, however been able to do this on page load its difficult. I seems that the page is loaded in sections and the UI element that I require is not available when the page load event fires.

https://jiratest.example.com/servicedesk/admin/QISP/confluence-kb

Im trying to disable one of the radio box in these options:

{noformat}

Access

Viewing

- Define who can view knowledge base articles through the portal and in the linked Confluence space.

- All active users and customers can access the knowledge base without a Confluence license.Only licensed users who have access to the space

{noformat}

What event should i use to listen to when all elements are loaded or the panel that I require is loaded?

 

Regards,

Avinash

Andy Heinzer

Hi Avinash,

I see that you are looking to customize the displayed options for setting up a Service Desk to Confluence integration.   While this page is designed to be managed by any Jira Administrator, I could see a use case here as to why you might want to restrict this from Jira Admins in some way.

I found a way to do this in Jira Server, but I should preface this response to explain that this can only be done in Jira Server (Jira Cloud does not permit this kind of customization), and that any Jira System level administrator would be able to undo these changes by removing this from the announcement banner.

I can see how trying to load a javascript here to hide such elements could be problematic.  You are correct that when first configuring this integration, not all the elements are loaded to the page right away.  Instead of trying to use javascript to do this, I found I could hide certain radio boxes from being selected by customizing the css instead.

Which option did you want to hide here?  All active users...  or the Only licensed users?

If you want to disable the all active users, you can use this:

<style type="text/css">
input#sd-kb-access-option-any {display:none}
</style>

 Or if you want to hide the option of only licensed users you could use:

<style type="text/css">
input#sd-kb-access-option-space-users {display:none}
</style>

But I would recommend not trying to use both at the same time. 

I hope this helps.

Andy