Unable to dynamically change height of new tiles

Aayesha Shrestha
Aayesha Shrestha
Fourth Anniversary Name Dropper Facilitator 1
in SKY Developer General Discussions

Hi,

I'm trying to add a new tile called General Overview to constituent details page. The tile shows but height of the iframe is not adjusted dynamically according to the content. I'm using vuejs to create SPA, not sure if I'm doing anything wrong.

I'm including this video for more clear understanding.
https://share.vidyard.com/watch/etot8ubeUMztFbi1862SWV?

Thank you!

Comments

  • Michael Tims
    Michael Tims Blackbaud Employee
    Seventh Anniversary Kudos 2 Name Dropper Participant

    Hi @Aayesha Shrestha . You're correct that the iframe height should be adjusted depending on the content for tile add-ins.

    It's not obvious to me what's happening yet from viewing the video (btw, thanks for providing a video). A have a few questions and things to check:

    • Are you consuming the latest sky-addin-client library? The current version should be v1.1.1
    • Within the add-in client, there's a method that notifies the add-in host page to resize the tile based on the content. I wonder if that method is not being called.
      • If you were able to troubleshoot that the call was being made it would be helpful.
      • If you're comfortable with supplying a URL to your add-in, I can help to troubleshoot as well.
    • Do you have any specific “height” styling set on your page, perhaps in CSS?
    • Do you happen to have your own iframe within your SPA that you are displaying the content within? iframes will have trouble resizing to fit content, hence why the add-in framework has some messaging hooked up to handle autosizing.

  • Aayesha Shrestha
    Aayesha Shrestha
    Fourth Anniversary Name Dropper Facilitator 1

    It was because of styling on my page. Thanks @Michael Tims

Categories