Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Why does the embed in wordpress cause loss of functionality....

peregrineperegrine MVP
edited May 2012 in Vanilla 2.0 - 2.8

in some themes, and some apps. I noticed experimenting that if you make a block fixed, it floats down the page with you, as you scroll. it works perfectly, yet when it is embedded it loses the ability to move as you scroll. also some themes seem to loose some functionality. I tested the Bootstrap @kasperisager embedded in wordpress and I believe the control bar that slides normally when not embedded becomes fixed in place.

I'm just curious how to solve some of these issues when embedded in wordpress, if anyone knows how to solve them, if it is possible.

I may not provide the completed solution you might desire, but I do try to provide honest suggestions to help you solve your issue.

Best Answer

  • KasperKasper Vanilla Staff
    edited May 2012 Answer ✓

    I'm afraid that there's no easy way to solve this, as you load the iframe in it's entire height when you eg. embed a forum, losing the ability to scroll said iframe. If you combine this with the definition of the "fixed" value, you may begin to see why it can't be accomplished that easily:

    Fixed: The element is positioned relative to the browser window

    The "browser window" is in this case the entire height of the iframe and not the height of the users browser window.

    P.S.: To test out my hypothesis, you can manually set the height of the iframe to a value lower than the height of the contents inside it thereby making it scrollable. The "lost functionality" should then return.

    Kasper Kronborg Isager (kasperisager) | Freelance Developer @Vanilla | Hit me up: Google Mail or Vanilla Mail | Find me on GitHub

Answers

  • KasperKasper Vanilla Staff
    edited May 2012 Answer ✓

    I'm afraid that there's no easy way to solve this, as you load the iframe in it's entire height when you eg. embed a forum, losing the ability to scroll said iframe. If you combine this with the definition of the "fixed" value, you may begin to see why it can't be accomplished that easily:

    Fixed: The element is positioned relative to the browser window

    The "browser window" is in this case the entire height of the iframe and not the height of the users browser window.

    P.S.: To test out my hypothesis, you can manually set the height of the iframe to a value lower than the height of the contents inside it thereby making it scrollable. The "lost functionality" should then return.

    Kasper Kronborg Isager (kasperisager) | Freelance Developer @Vanilla | Hit me up: Google Mail or Vanilla Mail | Find me on GitHub

  • peregrineperegrine MVP
    edited May 2012

    Thx. Kind of what I surmised. no way to change fixed relative to iframe I suppose. I was hoping there was. Probably have to base floating panels on x,y coordinates, I assume. I was wondering if the way the embed within wordpress could be changed. I also noticed the vanilla dashboard cannot be completely viewed when embedded in wordpress, at least on my experimental setup.

    I may not provide the completed solution you might desire, but I do try to provide honest suggestions to help you solve your issue.

  • KasperKasper Vanilla Staff
    edited May 2012

    Another option would be to completely integrate the forum (or any other application for that matter) in your site using the jQuery .load() function thereby avoiding loading it through an iframe.

    P.S.: This would require a lot more than just loading the forum into your site.

    Kasper Kronborg Isager (kasperisager) | Freelance Developer @Vanilla | Hit me up: Google Mail or Vanilla Mail | Find me on GitHub

  • I was kind of looking for a wordpress solution through the plugin. Purely a theoretical question, since alot of folks use wordpress. I don't have a forum personally. I'm not sure I get you on the jQuery .load(). I'll have to research.

    I may not provide the completed solution you might desire, but I do try to provide honest suggestions to help you solve your issue.

Sign In or Register to comment.