Web Export
  • Introduction
  • Getting Started
  • Install the Plugin
  • Create or open a project
  • Export the Artboard
  • Export Artboard Dialog
    • File Name
    • Subdirectory
    • Page Title
    • Web Page Template
    • Expected HTML Output
    • Stylesheet Name
    • Artboard Stylesheet template
    • Expected Stylesheet output
    • Script Page options
    • Images
    • Export Folder
    • Server
    • Alternative Fonts
    • Scale to fit
    • Centering the page
    • Styles Inline
    • Style via Classes
    • Markup Only
    • Outline Elements
    • Keyboard Navigation
    • Add Data Name
    • Add Image Compare
    • Auto Refresh
    • Export type
    • Reset Artboard
  • Addressing Export Issues
  • Messages Console
  • Export types
    • Export to a Single Page
    • Export to Multiple Pages
    • Export Artboards and show by size (media query)
    • Export to a Slideshow
  • Keyboard Shortcuts
  • Responsive Pages
  • Dynamical page that grows in height
  • Modifying Individual Elements
  • Elements and Sub Elements
  • Styling elements
  • Element Options
    • Id field
    • Tag Name
    • Styles
    • Classes
    • Attributes
    • Hyperlink
    • Width and Height Size
    • Background
    • Markup Inside
    • Markup Before and Markup After
    • Text Ids
    • Text Tokens
    • Row Layout
    • Column Layout
    • Overflow
    • Script Template
    • CSS Template
    • HTML Template
    • Layout Section
      • Layout Position types
      • Layout Position Location Types
      • Layout sizing options
    • Centered, Constraint and Anchored Positioning
    • Debug Element
    • Show Outline
    • Export as Image
    • Export as String
    • Export element
    • Displayed
    • Auto Export
    • Export (artboard)
    • Show Markup
    • Show CSS
    • Show Property Changes
    • Reset All Property changes
    • Navigation Buttons
  • Changed Properties
  • How to section
    • Creating a hover menu
    • Centering a page or element
    • Showing Overlays
    • Embedding an HTML page
    • Linking to pages or views
    • Creating a download link
    • Creating List items
    • Embedding Fonts
    • Adding Hover Effects
    • Styling Hyperlinks
    • Showing elements by size
    • Creating a Fixed Header
    • Make a Stretchable Line
    • Blend Modes
  • Creating Code Blocks
  • How Exporting Works
  • Single Page Application API
  • Element Tokens
  • Template Tokens
  • Setting up a server
  • Putting your site online
  • Code Block Snippets
    • Adding a cursor over on hover
    • Go to next or previous artboard with swipe gesture
  • Other Features
    • Gradients
    • Blend Modes
    • Form Elements
  • Learning by Videos
  • WordPress Integration
    • Summary
    • Export the main page
  • Example Packages
  • Web Developers
  • Non Web Developers
  • Debugging
  • Version
  • Support
    • Forums
    • Discord Channel
  • License
  • Feature and Bug Reports
  • Related Plugins
Powered by GitBook
On this page

Was this helpful?

  1. Export types

Export to Multiple Pages

Exporting all or selected number of artboards

PreviousExport to a Single PageNextExport Artboards and show by size (media query)

Last updated 5 years ago

Was this helpful?

To export multiple artboards go into the Export Artboard dialog.

Click on the Advanced link button.

In the Export options row change from the default Selected Artboard to Selected Artboards or All Artboards.

  • Selected Artboard - Export the selected artboard

  • Selected Artboards - Export the selected artboards

  • All Artboards - Export all artboards

Selected Artboard

Exporting the selected artboard does just what it says. What artboard is selected (or the artboard of the selected layer) when the dialog opens is the artboard that will be exported.

It's shown in the upper right hand corner:

Selected Artboards

To export a specific set of artboards you must select the artboards and then open the dialog. You only need to select multiple artboards once.

The last artboard you select will be the one that you can refer to later to restore your export settings.

In the Export Dialog select the Selected Artboards option,

Set the export type as either multiple pages or single page.

Choosing multiple pages or single pages affects how internal hyperlinks are created. If you choose multiple pages then hyperlinks will point to the page. If you select single page links will point to views on the page.

When you chose Selected Artboards the number of selected artboards is shown next to the artboard name in the upper right hand of the screen.

The export dialog header will change from, "Export Artboard" to "Export selected artboards to multiple pages".

Each artboard has it's own export settings. If you switch to another artboard those settings will be used.

The Global options, when checked makes it so you can use one artboard for all export settings.

Click the Export button to export multiple artboards. The export process takes longer so please wait while it exports until the Export Complete message shows.