The customer facing app is built using Entry points and first requires an Entry point group and some Developer settings. Please contact your implementation or support rep to start this process.

Once you have a group, you can begin adding entry points that will become pages in your application. You will find this group in the Settings menu under Websites and Apps labeled as Customer Facing Mobile App.

Click the Edit Pencil next to an existing entry point or the Add New Page button to start making changes to your app.

 The two entry points at the top of this list, which you Include In Menu/Navigation, will be the ones that load on the action bar of your app to the left of the menu button. This is controlled with the Sequence number you assign to each new entry point and the icons are from the Font Awesome library. Everything past the first 2 will become part of the middle Menu button.

When creating a new page, three entry points will do most of the lifting for you once inside the app, which are a list of Events or Catalog items and the Content Page. List entry points will be pointed at a folder and then display all items of that kind found in the folder. Content pages can be made to display any static content that you want to pass on to your customers and can be heavily customized using HTML. It is best advised not to use outside links on your content pages as this will move customers outside of the app when they load.

List Entry Points start with a Name, which is the name of the button the customer will click. Display Group when assigned will group this button with others of the same group into an expanding drop-down menu as seen below.

Check Include in Menu to make this into a menu button Then swap to the List Details tab and choose your Display Type. Tiles is a good choice for displaying extra information about your events while Category may be better for displaying a larger number of events. All of these will have slightly different options but you will need to set Date Offsets for all of them. A Start offset of 0 and an End of 12 while set to Months will display the next year starting with today.

The Per Page should be how many you want to display before a next page is needed. Modifiers will be included next to each event if they are relevant to your chosen display type.

Filters will determine what from the folder you will select next is displayed. Without a filter, you will display all items from that folder. Filtering is done using custom properties and can therefore include any category you need. To add a filter select the customer property from the drop-down and click Add Filter.

Next, on the Folders tab move the folder containing your events into the Selected Folder area using the arrows. You can add as many folders here as you need and will include all found items from each on your app. Click OK once you're done to save and create this entry point.

With proper application of folders, filters, and scripting your events page can look something like this. Speak with your setup rep or read more in the advanced section at the bottom of this article to learn more.

Content pages are a lot less work and just display whatever you build on them. An FAQ with common questions can be a content page for instance and when grouped can share a spare with other such documents.

On the General tab of a new Content entry point, you must give it a name then choose if it will be part of any groups or found on your menu bar. Check Include in Menu to make this a button.

On the Text/HTML Tab, put what you want to display from this button. This will look something like the one below when grouped and included in the menu. Click OK to save and create.

Advanced Setup

In order to set up some of the more advanced features on your app you will have to create and manipulate several entry point links. This will allow you to create a page that dynamically displays your content pages, making for easier future updates. The two formats you can use to display these pages are in-line and tabs, which you can see below.

 

In-line

 

Tabs

 

To set these up you need an external link page and a content page for your group. In this example the content page will be for sponsors.

 

The External link page will use that URL and will add the tag wtab=sponsors& (wgrp=sponsors& for in-line) to the URL where sponsors in the display group of the items you want to show here.

 

To add items to this list simply build new content pages for each sponsor and assign them the display group of Sponsors with the items to be displayed placed on the HTML tab. Display Sequence will determine in what order these items load on this page.

 

 

Scripting is also possible for this app using the script tab of the entry point group. Here is an example of the script that makes the banners load between groups as seen below.

 

<script>
	var client_slideItems = 4;
	var client_slideResponse = { 600: { items: 4 }, 900: { items: 4 }, 1200: { items: 5 }, 1500: { items: 5 } };
	

	$(document).ready(function() {

		//$(".agl-footer").append($("body").attr("class") + ' bc');
		//$(".agl-footer").append("<br><a href='demo.aspx'>demo</a>");

		var client_BuyAddBehavior = 'checkout';

		$(".AgileList-HomePage").each(function() {
			let homePage = $(this);
			let ban1 = $("<div class='banner'>Promotional Banner 1</div>");
			homePage.prepend(ban1);

			let ban2 = $("<div class='banner'>Promotional Banner 2</div>");
			ban2.insertBefore(".tiny-slide.Now-Playing");

			let ban3 = $("<div class='banner'>Promotional Banner 3</div>");
			ban3.insertBefore(".tiny-slide.Coming-Soon");

			let ban4 = $("<div class='banner'>Promotional Banner 4</div>");
			ban4.insertAfter(".tiny-slide.Coming-Soon");

			let banTIX = $("<a href='https://demo.agiletix.com/websales/pages/edelivery.aspx?epgguid=360887f0-aff6-4fa6-86c6-d0c11bf7d12e&' class='banner fixbottom'><div>MY-TIX</div></a>");
			homePage.append(banTIX );

		});
	});
</script>