Updated: 07.01.2021, by: Jesper Jakobsen
Estimated time to read: 6 - 7 mins.
This article gives you the basics to creating an app. There are other guides on each subject, that could be worth also checking out, for the best result. Links are in the bottom of the article.
In this guide, we will give you the basics to creating an app - and provide you with some best practice tips & tricks along the way.
(Apart from the contents you have at hand, you'll have to create a theme for your app. Read more about themes here).
- The first section is about creating the frontpage of the app
- Then we'll describe how you can create a feed that will be useful when you add content to the app going forward
- Finally, you'll learn how to set up a menu to make navigation in your app a piece of cake
How do I set up the frontpage in my app?
Create a new message and name it. The name of this message will appear as the app name, so remember to think a little branding into it.
Now, click on the Grid module to set the individual Tiles for the dedicated areas you have decided to contain in your app.
Tiles per row - here's where you set the number of tiles you want per row. Let the total number of tiles guide you - if you have a total of three tiles you mark 3, if you have a total of four tiles you mark 2 etc.
Icon - unfold the drop down and select an icon for the tile.
Title - this should be descriptive enough for your end user to know straight away what they find under this tile.
What happens when clicked - this is where you determine where to take your end user when they click on your tile. Under each tile you will add a dedicated feed (settings are described further down this guide).
Color settings - You can set a color for the font and the overlay of the tile to bring some life to your frontpage. Furthermore, you can add an overlay opacity to your tile as well.
Show unread notifications - checking this box will leave an unread notification for your end users every time they have new unread messages behind the tile.
Upload a background image - you can replace the icon, title and color settings above with an image. The minimum size for images used in the tiles is 300 x 300 px, unless you only have a single tile, then the size of your image should be 600 x 600 px.
Module settings - this section offers you a third option for adding color and images or a gif to the frontpage in your app. The settings mirror the ones previously described. If you upload a background image it should always be 600 px wide. Height depends on how many tiles you have on your frontpage - if you have one row you height should be 300 px, if you have two rows, height should be 600 px.
When you have saved the settings in the Grid module, you have completed the first step of creating the app - the frontpage.
One final thing you need to do before moving on, it to go to the send page. In there, unfold Advanced settings and check Add to homescreen.
How do I create a feed?
The feed will enable you to add content to your app and control access among your employees.
You'd need a feed for each of your tiles - and we'd recommend you make another feed that you add to the frontpage in your app to make it more dynamic.
The feed can contain messages or content from your Social Wall.
Can I Make navigation easier? Yes, with a menu!
Click on the Menu module and start editing the settings:
Create new - click here to create a new menu.
Select a menu to attach to the message - your menus will be stored in this dropdown.
Menu title - name your menu so you always know which app they belong to (the name will only appear in the module)
Add branding header - add an image to the menu for good looks and branding. The image size mus be at least 272 x 90 px.
Menu text color & menu background color - set the color you'd like for the text and background.
Sections & menu items - now, it's time to set the navigation within the menu. You have the sections and subordinate to these, the menu items. Sections work as headlines. How you use them is a matter of preferences.
In the example above, a section is used as an explainer and unread notifications are enabled in the menu items.
What happens when clicked - under each menu item you have to determine where to take the end users when they click. In the example above, the news item will take them to the news feed.
That's it, you're done with the app!
Tags: Create, app, build, DIY, how-to, co-pilot, guide