Cars Catalog

  • icon-pdfPDF
  • Kiosk
  • icon_iOsiOS/Android
  • 6 contents
  • Smartphone/Tablet
  • Navigation Menu

Tutorial to create this App

Open the program 480interactive on your computer and click on the button “Create new App”.


  1. Choose the name of the project. For example “My App”.
  2. Choose the location of the project. By default, the program automatically chooses the workspace where all projects are saved.
  3. Choose the type of App. Select “App Kiosk”.
  4. Click on the “Create” button.


You already have the App created, but you do not have any added content yet.

We go to the “Add content” screen by clicking on the tree on the left. We look for the content “PDF” and click on “Add”. A wizard will open to add the PDF documents.

Click on “Select” and look for the location where we have the contents.

We double click on the PDF that we want to add, for example on the PDF called “AMG GT.pdf”.

In the “Title” field the file name will automatically appear, if we want we can edit it (we can also edit it later).

Now we repeat the process to add the rest of PDF documents.

Add the App icons

There are two types of icons: the main icon of the App, which is the one that will be seen when users install the App on their devices, and the icons of each of the contents, which are the icons you will see in the kiosk where Are all the content you add to the application.

The main App icon

To add this icon, click on “App Settings” in the tree on the left and click on the “General Information” tab. Once there, we will see a default image, click on it and open the file browser. Now we choose the application icon called “ico_App.png”.


The PDF content icons

  1. Click on the first content in the tree on the left.
  2. Click on the “Publication icon”
  3. We choose the icon of the publication.
  4. We repeat this same process with each of the PDF contents and we will have all the icons ready.



Kiosk Banners

When you make a kiosk application, the first thing you see when you start the application is the “Kiosk” itself, where are all the contents and categories that your app contains. At the top of the Kiosk we can place a banner, which is an image with which we can give a custom look to the App. In the following link you will be able to expand information about the Kiosk Banners.


To add banners to the app we go to “Configuration of the app”> “Visual aspect” and we click on the “Banners” tab.

Now select “Vertical Banners” and click on “Add”

It will open the project folder, enter the folder “Libraries”> “Icons & banners” and select the vertical banner called “banner_V.png” and press “Select”.


Kiosk color customization

Now we change the colors of the theme to customize the colors of our App. To do this we go to “App Settings”> “Visual Aspect”> “Colors”. Here we can customize the colors of the kiosk and the top menu bar to suit our needs.

First of all, you must have the free “480i Viewer” app installed on your tablet or smartphone. This App is necessary to be able to preview your App projects on your own tablet or smartphone. To do this, access from your smartphone or tablet to the App Store or Google Play and search for «480i Viewer».


Now, at 480interactive, click on “Export App” on the left side of the top menu bar and then open the App 480i Viewer on your device.

Once the export process is finished, a window will open showing the steps to follow from your device. Follow the directions:


  1. The App is automatically added to 480i Viewer so you can try it out.
  2. In 480i Viewer, click the “Download” button in the publication. Doing so will become a “View / Open” button.
  3. Click on “View / Open” to open your application and access its contents.


Congratulations! You already have the app on your device, now you can see what’s left on your smartphone or tablet.