Forum Discussion

35 Replies

Show More
  • OscarCain's avatar
    OscarCain
    Community Member
    5 years ago

    Hey, can anyone advise why the following won't embed into Rise?I've tried all kids of variations which work on our WP site but won't on Rise.

    We're trying to embed this: 

    <div class="flourish-embed flourish-table" data-src="story/230195"><script src="https://public.flourish.studio/resources/embed.js"></script></div>

    using this: 

    <iframe data-src="story/230085"><script src="https://public.flourish.studio/resources/embed.js"></script></iframe>

    Any help greatly appreciated. 

    • OwenHolt's avatar
      OwenHolt
      Super Hero
      5 years ago

      My guess is that it is the format. IFrames typically embed html web pages and not js files. A js file has nothing to display directly, rather it works with an html page to control/modify what is displayed.

      Try creating a simple html file and saving it as index.html

      <html>
      <body>
      <div class="flourish-embed flourish-table" data-src="story/230195">
      <script src="https://public.flourish.studio/resources/embed.js"></script>
      </div>
      </body>
      </html>

      Host the page somewhere, get the url for the hosted page, and try embedding that.

  • OwenHolt's avatar
    OwenHolt
    Super Hero
    5 years ago

    I just added some details to my response. 
    When I tested the html, it brought up your Reported COVID-19 cases by country data visualization. Looks great.

    • OwenHolt's avatar
      OwenHolt
      Super Hero
      5 years ago

      No. It looks like you are still point to a flourish page that has your data in it. Regardless of how you try to embed it this way, it will always display in Rise as a link to your Flourish page.  You need to put their embed code into your own html page and host it independently somewhere like on AWS. Once your page (referencing Flourish) is independently hosted, you can embed it using its URL and then it will display seamlessly in Rise.

    • OwenHolt's avatar
      OwenHolt
      Super Hero
      5 years ago

      Also, be careful with your quotation marks. They MUST match style/form.  The opening quotations in your URL are different then your closing.
      Opening: “
      Closing: "

      Can you see the difference?

  • OscarCain's avatar
    OscarCain
    Community Member
    5 years ago

    Thanks Owen, yes I have that. The URL above is actually a static page in the LMS which works and looks perfect. The issue is really with inserting the iframe. I'm pasting the code into a text field - should I be using some other feature/layout?

     

    Thanks for your support. 

  • AlyssaGomez's avatar
    AlyssaGomez
    Staff
    5 years ago

    Hi Oscar! 

    I had success using this iframe code in a multimedia embed block. Copy and paste the code below into your own course, and let me know if it works for you!

    <iframe src="https://student.hfe.co.uk/content/learnerpages/covid-prevelance"></iframe>

  • SaraScott-5b2e2's avatar
    SaraScott-5b2e2
    Community Member
    5 years ago

    Hey guys.

    Im trying to insert a Google map, which works fine. But there is a white border around all of it.

    I've tried editing/ adding different lines of code, but NOTHING works :(

    Any suggestions?!

     

  • AlyssaGomez's avatar
    AlyssaGomez
    Staff
    5 years ago

    Hi Sara! Did you adjust the embed width settings? Full Width might be a good option for you. 

  • AmyHarry-2f66c4's avatar
    AmyHarry-2f66c4
    Community Member
    4 years ago

    I am also having trouble embedding a Microsoft Form. I have the correct format, as far as I can tell.