Adding Pages to Your App

Using the Meridian Editor, you can add a variety of Pages to your Meridian-powered app. This article describes the different Pages available to you, as well as the options for each Page type.

Add a New Page

To add a new Page, in the Meridian Editor sidebar, click PAGES.

If this is your first time adding a Page, click Add your first Page. If not, click the Add Page + button.

Give your Page a name thats meaningful to you. You can edit a Page's name and other content as often as you like.

The name field has a character limit of 27 characters. Characters after the 27th will be truncated in the Meridian-powered app.

Click the TYPE dropdown menu to choose the type of page you'd like to add.

Make sure to click the Save button in the top right when adding or editing a Page.

The Page Preview

As you edit a Page's content, the Preview updates to give you a general idea of what your page will look like in the app.

You can preview the content in AppViewer as you make changes to see what your page will actually look like. Close and open the app to see your newest changes.

Download the iOS version from the Apple App Store.

Download the Android version from the Google Play Market.

Image+Text

Image+Text pages combine images and text in different ways, including links to other pages.

LAYOUT

Image+Text pages have three image layout types, Inline, Widescreen, and Full Page.

Inline puts the image in a square in the top right corner. It shrinks the image to fit within the box. This works best for images that are simple and already square, such as logos.

Inline images look best if they have dimensions of at least 1000x1000 pixels. We recommend using images with a square aspect ratio.

Widescreen places the image across the top of the screen. If the image is too big to fit, the Editor grabs a rectangular section of the image. This layout works best for images that are wider than they are tall.

Widescreen images look best if they have dimensions of at least 1000x1000 pixels. We recommend using images with a landscape aspect ratio.

Full Page centers the image at the top of the screen.

Full Page images look best if they have dimensions of at least 1000x1000 pixels. We recommend using images with a landscape aspect ratio.

IMAGE

You can upload images in two ways.

First, click and drag an image onto the IMAGE droplet.

Second, click the IMAGE droplet, find the image file on your computer, and then upload it.

Once the image is uploaded, a thumbnail of the image is added to the droplet. To remove the image, mouseover the droplet, and then click the red trashcan.

You can't undo deleting an image.

DESCRIPTION

The DESCRIPTION field is text that appears under the page header and image.

Click the B to make text bold. Click the I to make text italic.

To add a link, select text, and then click the Insert/Edit Link button. In the pop-up window, enter a Link URL starting with http:// or https://.

To change the URL for a link, select the link, and then click the Insert/Edit Link button. In the pop-up window, edit the URL.

To remove a link, select the link, and then click the Unlink button.

To start typing a bulleted list, put the cursor where you'd like to start the list, and then click the Insert/Remove Bulleted List button.

To remove the bullets, select the bulleted list, and then click the Insert/Remove Bulleted List button.

EXTERNAL LINKS are set apart from the description text and are more visible than links added to the DESCRIPTION field. You can link to URLs or other Pages created in the Editor.

Click + to add a new external link.

You can have up to six external links.

In the LINK field, enter a URL with http:// or https:// or the name of another page you've created in the Editor.

When you enter a URL in the LINK field, the Editor will validate the URL. If you don't include http:// or https:// in the URL, it won't register as a valid link. If your SSL link has an invalid certificate, the UIWebView powering our in-app browser won't load the page.

CONTACT INFO

In the CONTACT INFO section, you can add a phone number, email address, and website URL.

When these fields are blank, no content appears on the page.

In the PHONE field, be sure to use an area code. This field supports international numbers. When you add a phone number, a Call link is added to the page.

When you add an email address to the EMAIL field, a Send Email link is added to the page.

In the WEBSITE field, be sure to include http:// or https://. When you add a URL, a Visit Website link is added to the page.

DIRECTIONS BUTTONS

DIRECTIONS BUTTONS are links to specific Placemarks in your app. When a user taps a direction button, it will show directions to that Placemark.

To add a direction button, click the DIRECTIONS +, and then start typing a placemark name in the DIRECTION BUTTONS field. Click a placemark name to select it.

If your organization has more than one location and more than one Meridian-powered app, you can add a link to your other app.

The DOMAIN field is the unique name for your location, and is your Editor location name with words separated by hyphens. The TITLE field is the text that will show in the app.

To get your domain, in the sidebar click Settings. Find the DOMAIN label.

CATEGORY

You can use the CATEGORY field to assign labels to pages making it possible to group and filter pages by category on the List page type.

Categories can be anything you want. When you start typing a category name, the Editor will search for that category and display any matching categories.

If there are no matching categories, the Editor will ask you if you want to create a new one. Click Edit Categories to see a list of all the categories in the Editor.

You can have up to five categories.

KEYWORDS

In the KEYWORDS field, you can enter search terms you'd like to associate with the page.

Separate search terms by a space.

CUSTOM VALUES

You can use the CUSTOM VALUES field for use when making List Pages.

Using custom values, you can group, sort, and filter content on List Pages.

List

List pages are combinations of other Pages, Placemarks, and Events. You can even make pages that are lists of lists.

OBJECT TYPE

The OBJECT TYPE dropdown menu lets you choose between Page, Placemark, or Event object types.

On a list of Placemarks, only Points of Interest Placemarks will be shown.

Choosing an object type will populate the list with all the objects of that type.

Lists aren't limited to one object type, because you can add specific objects, too, using the OBJECTS field.

GROUP BY

The GROUP BY dropdown menu lets you group objects by category or custom values you've created.

In order to use the Group By feature, you'll need to assign categories or custom values to your Pages, Placemarks, and Events.

SORT BY

The SORT BY dropdown menu lets you sort lists by object name or a custom value you've created.

CELL STYLE

The CELL STYLE dropdown menu lets you choose between the Slim and Fat styles.

If the objects in your list have images, choose the Fat style. Otherwise, choose Slim.

FILTERS

FILTERS let you remove content from the list matching specific categories or custom values that you create.

Click the + to add a new filter. In the PROPERTY dropdown menu, choose Category or a custom value. In the VALUE field, enter the Category or Custom Value you'd like to filter by.

Filters are case-sensitive.

You can use more than one filter. The more filters you have, the less likely it is that content will appear on the page.

OBJECTS

OBJECTS lets you add specific Pages, Placemarks, and Events to the list. This gives you much greater control over the content shown on a list.

To add an object, click the +. In the LINK field, start typing the name of the Page, Placemark, or Event you'd like to add.

As you type, possible matches are shown under the field. When you see the one you want, click it to select it.

To delete an object, mouseover the object link, and then click the red trashcan.

Calendar

Calendar pages show lists of upcoming Events at your location. By default, a Calendar Page will show all of the upcoming Events, unless you add a filter to remove certain types of Events.

FILTERS

Filters let you remove events from the calendar that match specific categories or custom values that you create.

Click the + to add a new filter. In the PROPERTY dropdown menu, choose Category or a custom value. In the VALUE field, enter the Category or Custom Value you'd like to filter by.

Tabbed View

Tabbed View pages use List pages to generate content for its tabs.

Tabbed View pages have a minimum of two tabs and a maximum of three tabs.

TABS

In the TITLE field, enter the tab's name.

The longer the tab name is, the more likely it is to be truncated.

In the LIST field, start typing the name of a pre-existing List page. If you haven't already created a List page, you won't be able to create a tab.

Click the + to add a third tab.

Slideshow

Slideshow pages show a series of images. You can include as many images as you like on a Slideshow page.

SLIDES

You can upload images in two ways.

First, click and drag an image onto the IMAGE droplet.

Second, click the IMAGE droplet, find the image file on your computer, and then upload it.

Once the image is uploaded, a thumbnail of the image is added to the droplet. To remove the image, mouseover the droplet, and then click the red trashcan.

In the CAPTION field, enter text you'd like to appear when you view the large version of the image.

Web Page

Web Page pages are external pages loaded inside the Meridian app.

The Meridian-powered app's inline browser won't load an HTTPS page with an invalid SSL (Secure Sockets Layer) certificate.

URL

In the URL field, enter a URL starting with http:// or https://.

MODE

Browser shows a navigation bar at the bottom of the screen. Browser mode is recommended for websites hosted externally.

Hosted mode doesn't show navigation bar. Additionally, Hosted mode will pass authentication information. Hosted mode is recommended for websites that your organization hosts.

REQUIRES LOGIN

If the page you're adding requires login, click the REQUIRES LOGIN checkbox to add support for that.

CATEGORY

In the CATEGORY field, start typing a category name. The Editor will search for that category and display any matching categories. Click the category to add it.

If there are no matching categories, the Editor will ask you if you want to create a new one.

Click Edit Categories to see a list of all the categories in the Editor.

You can have up to five categories.