LogoLogo
  • iPaper Technical Documentation
  • Display Analytics
    • Google Analytics
  • Display JavaScript API
    • Quick Start
    • Commands
    • Events
  • Flipbook Analytics
    • Adobe Analytics events
    • Google Analytics / GTM events
  • Flipbook Backend API
    • Overview
    • Return Codes
    • Ecommerce
      • GetFlipbookOrdersByType
      • GetLicenseOrdersByType
    • Image
      • GetImageWith2PxDropShadow
    • Link
      • GetLinks
    • Media
      • CreateDirectory
      • DeleteDirectory
      • DeleteFile
      • GetTree
      • UploadFile
    • Paper
      • ChangePaperUrl
      • ClearPublicationPeriod
      • CreateCategory
      • CreatePaper
      • CreatePreviewToken
      • DeletePaper
      • GetAllPapers
      • GetPaperIDFromUrl
      • GetPaperStructure
      • GetPaperUrlFromID
      • GetSetting
      • GetSettingDescriptions
      • MovePaper
      • SetPublicationPeriod
      • SetSetting
    • Ripper
      • GetProcessingPapers
      • GetProcessingStatus
      • ProcessPDF
      • ReprocessPaper
    • Search
      • SearchPapersByContent
      • SearchPapersByCustomFields
      • SearchPapersWithHiearchyByContent
      • SearchPapersWithHiearchyByName
    • Statistics
      • GetNumberOfPageviewsPerDay
      • GetNumberOfVisitors
      • GetNumberOfVisitorsPerDay
  • Flipbook Enrichment
    • Popup Content
    • Popup Frame
  • Flipbook Integration
    • Custom Domain
    • Custom Mail
    • Embedding flipbooks inside iOS and Android App
    • Form Integration
    • Iframing Flipbooks
    • iPaper Embed Script (Pop-ups)
    • Embeds (Minipapers)
    • Query String Parameters
    • Remote Authentication
    • Shop Export
  • Flipbook JavaScript API
    • Getting Started
    • Commands & Events
      • Basket
      • Consent
        • Example Implementations
          • UserCentrics
          • OneTrust
          • CookieInformation
          • Cookiebot
      • Paging
      • Publication
      • Search
      • Table of Contents
      • Sharing
    • Advanced Usage
    • Migration guide
    • Legacy Javascript API (v2)
      • Quick Start
      • Commands
      • Events
      • Consent Management
      • Advanced Usage
  • Technical Information
    • Cookie Information
    • Common security questions
    • Open Source
Powered by GitBook
On this page
  • Sizing
  • Images
  • Talking to the iPaper API
  • Rotation/resizing
  • CSS applied
  1. Flipbook Enrichment

Popup Content

Sizing

The content of the iframe reflows, so no scale is applied.

Images

Large images automatically shrink to iframe width.

Talking to the iPaper API

You cannot communicate with the iPaper API.

Rotation/resizing

The popup content wrapper has the following constraints:

max-width:	600px;
min-width: 	200px;
min-height:	250px;

Content wrapper will resize itself, to fit inside the browser window, until it reaches a max/min width. Height is set based on content height, and window height. When content is taller than window, content will scroll. When the window is taller than the content, the content wrapper will set height based on content height.

CSS applied

html, body, h1, h2, h3, p {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Sans-Serif;
}
body {
    padding: 10px;
    -webkit-transform-style: preserve-3d;
    -webkit-text-size-adjust: 100%;
}
p {
    line-height: 20px;
    margin-bottom: 10px;
    font-size: 14px;
}
hr {
    border: none;
    border-top: 1px solid #CCC;
    margin-top: 12px;
    display: block;
    height: 10px;
}
img {
    max-width: 100%;
    height: auto !important;
}
PreviousGetNumberOfVisitorsPerDayNextPopup Frame

Last updated 2 years ago