How to Use Liquid Layout When Creating an Alternate Layout in Adobe InDesign

See Adobe InDesign: Tips and Tricks for similar articles.
Looking to improve your InDesign skills? Check out Webucator’s InDesign classes.

Liquid Layout is used when creating Alternate Layouts, where one file contains multiple versions of each page at various sizes and orientation. The feature was originally developed to cut down the massive production time required for publishing to tablet devices. It can also be applied to any project where multiple sizes are needed: for instance, an ad that's placed in magazines and journals with different ad sizes.

This feature works the same in Adobe InDesign CS6 and CC versions.

  1. Go to the Layout menu and choose Liquid Layout.Layout Menu
  2. When the Liquid Layout Panel is opened, the Page ToolPage Tool is automatically activated and a bounding box will appear around your current page. Pulling at handles of the bounding box lets you preview how the content would be redistributed. The page returns to its original size when you release the mouse. Holding down Alt (PC)/Option (Mac) while dragging applies the size change to the page.Page Bounding Box
  3. The Liquid Layout Panel has a Liquid Page Rule menu with options for how objects will resize:
    • Scale: Content is scaled proportionally and space is added around content as needed.
    • Re-center: Content is centered in the new page area without scaling.
    • Guide-Based: When a guide is created that touches an object on the page, the guide sets the direction that the object on the page can resize. A horizontal guide lets an object it intersects scale vertically; a vertical guide allows resizing horizontally.
    • Object-Based: Individual frames can be anchored to specific sides of the page and will scale from that anchored position.
  4. Choose Object-Based from the Liquid Page Rule menu, then, still using the Page Tool, click a frame on the page. The Liquid Layout Panel shows resizing options under Object Constraints and also gives options for pinning the object to specific page sides. There are pin handles on the frame itself, as well.Liquid Layout Panel
  5. When applying an object-based Liquid Page Rule to a text frame there are additional column options to be considered. Switch to the Selection Tool and open the Text Frame Options [Ctrl+B (PC) / Command+B (Mac)]. Click the Columns menu and Select Flexible Width. This option also lets you define the maximum width allowed when the frame is resized.Text Frame Options Dialog Box
  6. After setting the Text Frame Options, go to the Liquid Layout Panel to set the Object Constraints and Pin options. Using the Page Tool, pull at the handles to resize the page and watch how the columns in the text frame reflow.Page Layout and Liquid Layout Panel
  7. Now that the Liquid Page Rules and Text Frame Options have been set, an alternate layout can be created. Go to the Pages Panel menu and select Create Alternate Layout.Pages Panel Menu
  8. Specify the alternate page size and choose Object-Based from the Liquid Page Rule menu, then click OK.Create Alternate Layout Dialog Box
  9. The Pages Panel now has a column for the pages at the alternate size.Pages Panel
  10. To see the two layouts side-by-side, click the Split Layout View button at the lower-right of the document window.Layout Split in Window

Related Articles

  1. Control the Indent of a Bulleted List in InDesign
  2. How to Convert Text to Outlines in Adobe InDesign
  3. How to Create a Check Box Form Field in Adobe InDesign
  4. How to Change Page Margin and Column Settings in Adobe InDesign
  5. How to Use the Scissors Tool in Adobe InDesign
  6. How to Create a Table of Contents in Adobe InDesign
  7. How to Make Custom Shapes Using the Pathfinder Panel in Adobe InDesign
  8. How to Fit Graphics to Frames in Adobe InDesign
  9. How to Add a Background to an Image in Adobe InDesign
  10. How to Print a Booklet File in Adobe InDesign
  11. How to Use Liquid Layout When Creating an Alternate Layout in Adobe InDesign (this article)
  12. How to Add a Pull Quote to a Layout in Adobe InDesign
  13. How to Use the Scale Tool in Adobe InDesign
  14. How to Create a Basic Animation in Adobe InDesign
  15. How to Use Special Characters in Adobe InDesign
  16. How to Create a Hyperlink in Adobe InDesign
  17. How to Find and Change Text Formatting in Adobe InDesign
  18. How to Export a Color-Managed PDF File in Adobe InDesign
  19. How to Make Custom Shapes Using the Polygon Tool in Adobe InDesign
  20. How to Create an SWF File from Adobe InDesign
  21. How to Create a Custom Text Wrap in Adobe InDesign
  22. How to Create a Multi-State Object Slideshow in Adobe InDesign
  23. How to Create a Stylized Numbered List in Adobe InDesign
  24. How to Place Images in Master Frames in Adobe InDesign
  25. How to Use the Rotate Tool in Adobe InDesign
  26. How to Use the Gap Tool in Adobe InDesign
  27. How to Define a Custom Text Variable in Adobe InDesign
  28. How to Insert a Microsoft Excel Table in Adobe InDesign
  29. How to Use the Shear Tool in Adobe InDesign
  30. How to Apply a Primary Text Frame in Adobe InDesign
  31. How to Add Manual Frame Breaks in Adobe InDesign
  32. How to Find and Change Object Attributes in Adobe InDesign
  33. How to Autoflow Text in Adobe InDesign
  34. How to Import Master Pages in Adobe InDesign
  35. How to Create a Combo Box Form Field in Adobe InDesign
  36. How to Edit a Style Definition in Adobe InDesign
  37. How to Create a Custom Glyph Set in Adobe InDesign
  38. How to Control Text Wrap on Different Layers in Adobe InDesign
  39. How to Apply Optical Margin Alignment in Adobe InDesign
  40. How to Create a Text Frame in Adobe InDesign
  41. How to Create Master Pages in Adobe InDesign
  42. How to Manage a Table as an Anchored Object in Adobe InDesign
  43. How to Save a Custom Workspace in Adobe InDesign
  44. How to Synchronize Book Files in Adobe InDesign
  45. How to Use the Articles Panel for Exporting to HTML in Adobe InDesign
  46. How to Add Common Elements to a Master Page Layout in Adobe InDesign
  47. How to Create a Slideshow Caption in Adobe InDesign
  48. How to Enter Special Characters in Dialog Boxes in Adobe InDesign
  49. How to Create a Clipping Path in Adobe InDesign
  50. How to Navigate the Document in Adobe InDesign
  51. How to Set Display Performance in Adobe InDesign
  52. How to Define Color Swatches in Adobe InDesign
  53. How to Import a Microsoft Word File Into Adobe InDesign
  54. How to Import Object Styles in Adobe InDesign