Important: This feature does not affect guide segmentation.
Pendo helps you create guides that look good on smartphones and tablets, whether in portrait or landscape mode.
My app is running on Tablets
If you're creating a guide that's targeted for tablets, you'd probably want to design it using a Tablet's frame. Open the Display Options drawer located in the top tray to select a different device frame. This will make it easier for you to understand how your guide will look on a Tablet's screen.
The default left & right margins are optimized for a smartphone, so make sure to change those to fit a tablet.
Select the device’s type (phone / tablet) and orientation (portrait / landscape)
Note: The frames used in the Pendo designer fit the most common iPhone size (iPhone 8) and the most common iPhone's tablet (iPad 12) - these are generic frames with a specific ratio (phone 16:9, tablet 4:3), the guide may appear different on your actual device.
Guide are rendered in the designer preview in HTML vs. using native iOS or Android components on the actual mobile device so the designer preview can give you a good sense of guide's size and proportions but it will not be a fully accurate representation of how the guide will look on a real device. It's highly recommended to preview the guide on a real device.
What about tooltips?
Tooltips have a unique property - their width is determined by their content (use line breaks to control the width) - so a tooltip will always have the same size regardless of the device, and no special adjustments need to be made for tablets.
Limit Guide Width (Coming Soon)
If your app runs on both Smartphones and Tablets, and you are publishing a popup (non-full-screen) guide, we recommend limiting the guide's width, using the Container's 'Limit Guide Width' option. When the guide is displayed on devices with a wider screen, limiting the width takes care of the guide not being too wide (screen-width minus margins) and maintaining a 'Popup' look and feel.
The same is true if your app runs on both landscape and portrait orientations. In this case, setting a maximal width for popup guides will maintain their popup look-and-feel when viewed in landscape mode.
Important: Your users must have the app version integrated with the supported SDK version to see this guide.
Limit the guide's width to keep its 'Popup' look and feel on various devices
'Limit Guide Width' is enabled only when 'Full Screen Guide' is Off.