Disable Development Office Home Action Button Preview

Kevin Li · January 3

How do I remove the url preview of my AddInClient under the action button?

This used to not be a thing that displayed, but now its loading an iframe of the page I have set in “Add-in URL"

So how can I remove this iframe preview?

Alex Wong · January 3

@Kevin Li
not sure what you are talking about. Can you provide screenshot of the issue you are seeing?

Kevin Li · January 3

@Alex Wong

5d25649cbf8a6a87bb1abf3494617534-huge-im — Tasks tile on RENXT homepage

832b34895b1fe013c88efbdd944c62a5-huge-im — Application add-in settings

It used to not load the “Add-in URL” page straight into the Tasks tile but now it is loading an iframe of the whole page into the tile. How can I remove this so that it is just the “Action Button Title” in the tile?

PS. The restricted message is intended

Chris Rodgers · January 3

Hey @Kevin Li, I'll pass along this feedback to the Raiser's Edge NXT team. I agree that the iframe content should not be visible for these actions. For now, you may need to set the height of your action page content to 0.

Alex Wong · January 3

@Kevin Li
mine does not do this

cceace4109e49ce8622a51f1d26f3fe8-huge-im

3aa2072f3dac5d579c21e35ff8027f53-huge-im

I don't know if it is any difference when using SKY UX, but I am simply using the Add-in URL that is provided by by Blackbaud SPA (i.e. power bi SPA). This is very different than you trying to use a URL that is not part of BB SPA.

What exactly is “https://localhost:4201/”?

localhost is generally for testing when the web/app server is installed in your local computer and you are accessing the page through localhost. “your localhost” is not accessible from anywhere else

Kevin Li · January 3

@Alex Wong
I am currently developing an add-in so its on localhost currently but I also do have a live page that also creates the iframe.

Alex Wong · January 3

@Kevin Li
what exactly are you intention with the addin?

do you intent for the “button” to be clicked on and a full screen of your developing app will show up?

I don't think you are doing your add-in url correctly is the issue here.

Alex Wong · January 3

@Kevin Li
In my screenshot, you can see a button for “FIDF.net NXT” that is a full screen app when clicked on will show the custom webapp in full screen (aside from having the RE top global menu).

2fe67bf0d92f21535d4bb7c13918c13f-huge-im

if this is your intention, then you need to have TWO add-ins.

ef17f6da59d43105fe727672150433ba-huge-im

where one of the add-in URL is your custom webapp, and the “NAME” of the webapp is then used as reference in the URL for the home page action

Kevin Li · January 3

@Alex Wong
Thanks for all the suggestions Alex.

For complete context, my intention for this add-in is to redirect to another page add-in and yes, I do already have another page add-in set as you've described; using the “NAME” of the webapp as the reference.

This was all working perfectly fine before my development break which started around late July/early August.

Alex Wong · January 4

@Kevin Li
the issue i see from your screenshot is you “flipped” the extension point and Add-in URL:

https://localhost:4201/ Add-in URL should use the Extension point of Page (Preview), given a name such as test-custom-page-addin

and then the Add-in URL that actually add a “button” (Extension point = Development Office Home Action (Preview)) to the Task tile is
https://app.blackbaud.com/addin-page-host-button?appId=YOUR-APP-ID&pageName=test-custom-page-addin&title=ButtonLabel&svcid=renxt

Kevin Li · January 4

@Alex Wong
I understand your solution. However, I completed neglected to mention a big detail.

When clicking on the button, I don't only want to navigate to that page. I need to first authorize the user and then pass along the tokens from the auth response to the page add-in. I have created a JavaScript “sky-addin-client” in my node app that is controlling this whole flow which is being hosted at the development address “https://localhost:4201”.

Sorry for neglecting to provide this needed context and thanks for helping.

Alex Wong · January 7

@Kevin Li
I think what you mention matters if what you are developing is going to run SKY API using auth token specific to the user, such that the user is recorded as the “added by” or “last changed by" on whatever records your app is going to touch.

I do not authenticate user in this manner, my app only cares about if the app is accessed by authenticated user, which I can do using UIT (User Identity Token) which is obtained through BBSkyAddinClient's getUserIdentityToken() JavaScript method and then validate the UIT via a SKY API endpoint that does just that. However, this UIT cannot be used to get auth token, which is required to execute SKY API endpoint on user's behalf, at least I don't think it can be done. Any SKY API execution is done through my account, which may not work for everyone.

Since I don't do authentication that you seems to want to do, I can't really comment more on it, however, I think the extension point and url mentioned before is likely still valid.

Chris Rodgers · January 7

Hey @Kevin Li, the Raiser's Edge NXT team made an update to that Tasks tile this morning, so your iframe content should no longer be visible. Let me know if that's not the case. Thanks for the heads up about the issue.

Kevin Li · January 7

@Alex Wong
I could be wrong but I believe the need for authentication makes this issue inherently different as I can't just provide the app.blackbaud.com link since there needs to be some backend transactions before redirecting. (the button first navigates to my node.js host, performs the necessary actions, and then redirects to the app.blackbaud.com page add-in link)

I have been informed that the RENXT team has pushed a fix for this but I still need to test it. With all that said, I thank you for all your suggestions and trying to help!

Kevin Li · January 7

Hi @Chris Rodgers,
I've tested it and it's not showing up anymore so all is good now.

Thanks for the help.

Disable Development Office Home Action Button Preview

Comments

Categories