Has anyone had issues with embedding a code from Padlet? I have tried several times tonight and keep failing!
Sorry to hear that. Do you have the clone code for the formative? I embed a lot of things into Formative and would love to help if I can.
Hi @msashly the embed code from padlet is very specific, padlet will embed into Formative, you will need to trim it down to just the iframe section of the embed code. An example is below: [I needed to add many spaces inside the links so they would appear in this window and not try to embed] - I am having trouble with the size of the window at this point however.
What padlet gives you looks like this: < div class=“padlet-embed” style=“border:1px solid rgba(0,0,0,0.1);border-radius:2px;box-sizing:border-box;overflow:hidden;position:relative;width:100%;background:#F4F4F4”>< p style=“padding:0;margin:0” > < iframe src=“https://padlet.com/embed/qvcsdjdj2624” frameborder=“0” style=“width:100%;height:608px;display:block;padding:0;margin:0”> < /p >< div style=“padding:8px;text-align:right;margin:0;” >< a href=“https://padlet.com?ref=embed” style=“padding:0;margin:0;border:none;display:block;line-height:1;height:16px” target="_blank" >< img src=“https://resources.padletcdn.com/assets/made_with_padlet.png” width=“86” height=“16” style=“padding:0;margin:0;background:none;border:none;display:inline;box-shadow:none” alt=“Made with Padlet” >
What will embed in Formative is just this section: < iframe src=“https://padlet.com/embed/qvcsdjdj2624” frameborder=“0” style=“width:100%;height:608px;display:block;padding:0;margin:0”>< /iframe >
@BarryD thank you so much !
Yes I will get that to you in a bit. thank you!
Here is the Padlet code:
And here is the Formative I am working on: https://goformative.com/clone/SMCBMV
The formative you made looks really awesome! I love the topic and I would be really excited to take it as a student and share my thoughts. When I click on the Padlet link you provided, it sends me to their homepage.
If you still need help embedding the padlet, can you send along the embed code for it? Here’s an article I found about grabbing the embed code for the padlet: https://padlet.com/support/padlets_embed
Thank you! the embed code won’t paste to this post for some reason. I will see if I can figure it out.
@jamie_sardana Okay. I got the embed to work… I think. Here is a link to do the lesson as a student if you want! [https://goformative.com/formatives/6tvpXk6ZYxqwnRvyc/view].
(https://goformative.com/formatives/6tvpXk6ZYxqwnRvyc/view) I appreciate the support and feedback!
I am now see something from Padlet show up, but it’s unclickable. @BarryD , could you try to clone a copy of her formative and see what we need to fix? I tried to use your template but am still having issues. Or if you have the clone code to a formative you’ve successfully embedded a Padlet in, that would be helpful for troubleshooting!
@msashly @jamie_sardana Ashly and Jamie- I cloned the formative- Very nice Ashly! Great topic and use of Formative!
2 quick check-in items:
Do you want the students to interact with the Padlet? The Embed code you have in there right now is for the “preview” of the Padlet and will not allow interaction. There is a crazy long embed code in Padlet for the interactive version.
I am still experimenting with the embed code to see how to get the window to re-size, it is not responding to any size changes that are working in other embeds from different sites. I will keep testing today and let you know.
I was hoping they could interact with the formative, but if it’s too complicated, don’t worry about it!
@jamie_sardana @msashly I was just trying something else with Padlet embed and figured out the sizing!
You will need to add the size BEFORE the [src=] in the iframe like this: < iframe width=“860px” height=“600px” src=“https://padlet.com/embed/qvcsdjdj2624” frameborder=“0” style=“display:block;padding:0;margin:0”>
You can then change the px # for width and height to your liking. To get the embed to fill the entire box under a question it is
@BarryD Oh wow. Thank you.
@BarryD Okay so I am failing miserably lol. I can NOT get it to work!! It appears on the Formative, but you cannot do anything to it.
@msashly okay, I think you may have used the “preview” Padlet link, go back to Padlet and they should give you 3 embed codes, be sure to use the crazy long code and cut it down. It should look like this: ( I added a space after the first < so it will appear in this text box, delete that and it should give you the editable Padlet embed: < iframe width=“1000px” height=“600px” src=“https://padlet.com/embed/qvcsdjdj2624” frameborder=“0” style=“display:block;padding:0;margin:0”>
@BarryD You are awesome. Thank you!
Thank you for the info!
Thank you so much, @BarryD! I followed your instructions and was able to embed an interactive padlet AND fix the window size. This is so cool. Thank you!
Great! Glad it worked for you! The Padlet embed code is insanely long!!!