Skip to main content
Unificus

VIDEO: Working with iFrames

Learn how to embed and style responsive iFrames in your Unificus portal.

Making iFrames Responsive and Visually Polished

This video demonstrates techniques for embedding iFrames that adapt beautifully to different screen sizes.

CSS Styling Example

Here’s the custom CSS referenced in the video:

.column1-portal-page .wysiwyg-content {
  padding: 15px 0 15px 0 !important;
  border:0 !important;
}

HTML Structure for Responsive iFrames

<div class="sd-resp-container">
  <iframe class="sd-resp-iframe" src="https://youriframeurlgoeshere.com"></iframe>
</div>

YouTube Channel

Subscribe to our channel for helpful tutorials, feature announcements, and industry best practices.

Subscribe on YouTube

PODCAST: Succeed with Software

Explore software strategies, automation techniques, and real-world implementation stories. Each episode features tips, audience Q&A, and conversations with Unificus customers about their integration success. Interested in being a guest? Reach out to podcast@unificus.com.

Subscribe to the Podcast