Embed padlet - Change the code to resize

fpasseport
Journeyman

Embed padlet - Change the code to resize

Hi

 

I am trying to embed a padlet and it works using the 'embed the web' block, however I found it difficult to rezise the padlet so it covers the entire block.

For example, here is the embed code of a padlet of mine:

 

<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/839yfu4v7enc" frameborder="0" allow="camera;microphone;geolocation" style="width:100%;height:608px;display:block;padding:0;margin:0"></iframe></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"></a></div></div>

 

What needs to be changed for the padlet to take the entire block width in a one column layout?test.png

I did try to modify the code but as there is no preview (like in moodle), it was time consuming and I ended up failing again and again.

 

Any tips welcome.

 

thanks!

3 Replies
Community Moderator jamiem7
Community Moderator

Re: Embed padlet - Change the code to resize

Thank you for your post in the Community!

 

To change the width of a block, I recommend changing the % sign in the embed code to a px similar to the height code.  Please see the example screenshot attached.  The % and px codes are circled.

 
 


Jamie H.
PowerSchool Community Moderator
Remember to give Kudos to suggestions that help you!
If another user helps solve your issue, please select Accept As Solution on their post so others can see the solution, too!
Highlighted
fpasseport
Journeyman

Re: Embed padlet - Change the code to resize

Dear Jamie,

 

Thank you so much. I managed.

Final code attached with modifications highlighted. 

 

While this is fun to edit code, I think that most teachers are not likely to want to struggle with such task. I wish it was easier to embed a padlet or at least that it could be previewed and resized more easily.

 

I appreciate the help in the community forum!

 

Thanks


Fannyalteredcode.png

Community Moderator jamiem7
Community Moderator

Re: Embed padlet - Change the code to resize

Thank you for posting your suggestion in the Community!

I have submitted a feature request to the PowerSchool Product team on your behalf to enable a feature that will allow teachers to easily edit the size of blocks within a class page. We thank you for your suggestions to improve PowerSchool Learning for all users.



Jamie H.
PowerSchool Community Moderator
Remember to give Kudos to suggestions that help you!
If another user helps solve your issue, please select Accept As Solution on their post so others can see the solution, too!