Join Bob Levine for an in-depth discussion in this video Using MSOs to prevent swipe navigation (DPS only), part of InDesign: Multistate Objects.
- One of the requests I see quite frequently is for a way to prevent a user from swiping from page to page or article to article in a DPS publication. There's no feature to allow this but we can still accomplish it with a simple two state multi-state object and just a little bit of out of the box thinking. Let's take a look at what I mean by that. I have a file open here and I'm just gonna open up the Pages panel for you so you can see that it's just four pages.
I don't really need a whole lot more for the purposes of this demonstration. So I'll go back to Page 1. And we can close this up. Now what I want to do is I want to create some way to keep people from swiping from one page to the next. Now the first thing I need is a folio and an article, so let's do that real quick. I'm gonna open up the Folio Builder panel and I'm gonna create a New Folio and we'll just call this swipe test.
And I'm gonna keep everything else except I do need to set the orientation here and I'm gonna create an offline folio to keep it quick and simple so I can show you how this works. And I'm just gonna say Okay to this. And now I want to add the article that I'm working on here, so let's just open this up, and say Add Article, and we'll call this swipe and we'll select Horizontal Swipe Only because this trick is only going to work to prevent horizontal swiping, or left to right swiping, it's not going to do anything for vertical swiping.
So let's say Okay to that, and that's done, and let's just close up the Folio Builder panel menu for right now. Now let's think about this for a moment. We want to prevent our users from swiping left and right, so how can we do that? Well there's a little trick here that we can use and what I'm gonna do is I'm gonna go to the Master Page for this. And let's just go to the Master and Im gonna draw out a No Fill, No Stroke frame and it's gonna be full page, so let's just do that.
And additionally I want to put this on the top layer, I want this out of the way of everything, so let's open up the Layers panel and let's create a new layer at the top here. And let's just call this swipe. And that's good. And you can see that I've got my frame down here on the background, so I'm just gonna drag this back up to the swipe layer, make sure that's on top. Let's close up the Layers panel and open our Objects States panel.
And with that frame selected, all I need to do is say Convert Selection to Multi-State Object, and that is gonna automatically create two states exactly the same with those empty frames in them. And both states, as you can see, we can go right through them because there's no content in either one of those frames. I'm not gonna even bother renaming anything here, I'm just gonna close this up, after I make sure that I have the entire MSO selected. So let's just close up the Objects States panel and let's open up the Folio Overlays panel now.
We need to make a couple of little settings here that are going to give us our effect here. And the first thing I want to do is just turn off everything so I can look at what I'm doing here. And there's a choice here down towards the bottom that says Swipe to Change Image, and I want to do that. I want to make sure Stop it First and Last is not selected at all so what's gonna happen is the user's just going to be swiping on an empty multi-state object, going from one state to the next, but won't even see that.
So let's just go back to the main page here, let's click on Preview, Preview on Desktop, and let's see what happens when I try and get from one page to the next. Well, nothing happens, and that's exactly what I'm going for. So you can see how simple that is to work. Now I do want to draw your attention to something. Because I can't swipe to go to the next page I do have to give my readers some way of getting to the next page.
So let's just close this up real quick. Let's go the Layers panel and let's turn on some buttons that are going to allow our reader to get through from one page to the next. And let's close that up and try it again from the Preview on Desktop. And now I've got a button here, let's see what happens if I click on it. And sure enough, it's taking me to the next pages, and that's exactly what I want.
Because it's a desktop preview, you may see them going up and down, but once you publish that Folio properly, it will just give you the effect of going from one page to the next. And that's it. Again, if you do take advantage of this, don't forget those buttons to give your users a clear way to navigate through the article.
- Working with the Object States panel
- Creating content for basic multistate objects (MSOs)
- Using layers and pages to create MSOs
- Adding and removing states
- Adding content
- Adding objects as states
- Controlling MSOs with buttons
- Using MSOs for interactive content
- Nesting MSOs