---
title: "How to Make a Pop-up Window in an App"
date: "2018-03-06"
categories: 
  - "app-development"
  - "development"
  - "mobile"
  - "mobile-development"
tags: 
  - "app-development"
  - "cross-platform-mobile-development"
  - "mobiletogether"
description: Discover how to create and configure pop-up windows in mobile apps using MobileTogether. Enhance user experience with modal dialogs for messages and input.
---
Status: #blog

Tags:  #app-development #cross-platform-mobile-development #mobiletogether

Categories: [mobile-development](/blog/category/mobile-development.md) | [development](/blog/category/development.md) | [mobile-development](/blog/category/mobile-development.md) | [mobile-development](/blog/category/mobile-development.md)
# How to Make a Pop-up Window in an App

During [mobile app development](https://www.altova.com/mobiletogether/) there’s often a quick action the developer wishes to let the user to complete or a message that can be delivered on top of the current app view – otherwise known as a pop-up window. These are useful for letting the end user complete a process or view a message payload without interrupting his or her progress in the app.

MobileTogether makes it easy to configure pop-up windows of any size. Let’s take a look at how it works.

![User interacting with app](/blog/images/shutterstock_160560011-1.jpg)

<!--more-->

## Define a Pop-up Window

Pop-up windows in apps are great for showing a brief message or letting the user enter some information without taking over the whole device screen. Once the pop-up task is complete, the user is returned to the same spot in their original workflow to continue working in the app.

Pop-ups are also called modal windows, since they temporarily block interactions with the main view of the app. They are, for example, ideally suited to display a notification message or anything that might interrupt the regular workflow of an application.

In [MobileTogether](https://www.altova.com/mobiletogether), app developers can define any sub-page to be a pop-up window via the _Go to Subpage_ action in the Actions Dialog.

Simply check the box next to _Show Subpage as Modal Dialog_ and enter the desired height and width for your pop-up window. Here I’ve configured the pop-up to take up 75% of the screen width with a height of 65%. Using a percentage ensures the modal window will display well on any iOS, Android, or Windows device.

 

![Define App Pop-up Window](/blog/images/app-pop-up.png)

 

You can also define separate values for portrait and landscape, if desired.

It’s easy to test your pop-up using the built in Simulator in MobileTogether Designer, which lets you test on all OSes and form factors.

 

![Simulate App on Any Device](/blog/images/simulate-app.png)

 

You can even test it on your own device, straight from the Designer, by clicking the _Trial Run on Client_ button on the toolbar.

Here’s how the pop-up window I defined above looks on my phone:

 

![Pop-up on phone](/blog/images/pop-up-phone.png)

 

See how easy it is to define pop up windows and myriad other [advanced app features](https://www.altova.com/mobiletogether/features) by [building an app](https://www.altova.com/mobiletogether/download) in the free MobileTogether Designer.