Skip to main content
All CollectionsMarketplace Feature TutorialsHome Screen
Home Page Grid Layout Feature Tutorial
Home Page Grid Layout Feature Tutorial

In this article we’ll go over how to set up the Home Page Grid Layout Feature as your app's Home Screen.

A
Written by Amr Alshareef
Updated over a year ago

What is the Home Page Grid Layout Feature?

The Home Page Grid Layout is a great way to set up your app’s Home Screen that uses icons to display your selected features.

What is the Home Page Grid Layout's primary function and what are the steps to accomplish it?

The Grid Layout is a great no-nonsense feature that you can use as your app’s Home Screen to showcase the main features of your app. First, we’ll go over how to set it up as your app’s home screen feature. Then we’ll go over how to add other features to it.

How to set up the Home Page Grid Layout as your Home Screen

Step 1: Click On App Components and click Marketplace

Step 2: Search for the Home Page Grid Layout Feature in the Marketplace and click the + sign

Step 3: Give it a title and click “Add”

Step 4: Click the menu icon indicated by three lines and select “Set As Home Feature”

Congratulations! You’ve now applied the Home Page Grid Layout feature as your Home Screen! This is perfect if you want a simple home screen for your app that showcases the main features. If you would like a home screen feature with more options in terms of layout, we encourage you to try the Folder Feature which you can learn more about here.

How to add features to your Home Page Grid Layout Feature

Now that the Home Page Grid Layout been assigned as your Home Screen, you can begin adding features to it. If you ever need to get back to this particular feature, simply click on the “Home Screen” tab of the App Dashboard.

If you haven’t already created features to add to your Home Page Grid Layout, you can do so in the Feature Marketplace. If you need additional information on how to create features, we have a dedicated article which you can find here.

Let’s go over how to add a feature, or features to your Home Page Grid Layout plugin.

Step 1: Click on “Add Feature”
To add your first feature to Home Page Grid Layout, click “Add Feature”.

This will bring up a list of the features that you’ve already created for your app.

Step 2: Select the Features that you’d like to add to the Home Page Grid Layout and click “Apply”

Once you’ve selected all of the features that you’d like to add, click “Apply” to add them to the Home Page Grid Layout.

You can always add more by clicking the “Add Feature” button. The Home Page Grid Layout Feature allows you to insert as many feature instances into it as you’d like.

You can also rearrange the features by clicking and dragging the three horizontal lines next to a feature:

Additionally, you can check the "Load All Features" box to include all the features you have created.

What are some Pro Tips you should know about to take your app to the next level?

Having worked with apps for years, we’ve learned a thing or two. So, to both help your app stand out and accomplish your primary goals, here are some tips you should consider.

Pro Tip 1: Home Page Grid Layout Artwork

To make the Home Page Grid Layout really pop, you’re going to need some artwork (logo, background image, carousel). But don’t worry! With us, you’re covered. We’ve created a file that contains all of the templates you’ll need for these pieces. You can download it by going to this article.

Pro Tip 2: Decide what type of Home Screen you want for your app

As we stated before, the Home Page Grid Layout is a great feature with a clean look that allows you to showcase your app’s main features. It has a couple of layouts that are similar to each other which can be accessed in the “Design” tab of the feature:

This is great if you want a simple, no-nonsense look for your app’s Home Screen. But if you’d like to have more options in terms of layout and design, we recommend you use the Folder feature instead which you can learn more about here.

Related Articles

In addition to this article, we recommend checking out the following related articles so that you have a better insight into how to use the system to its fullest advantage:

Still have questions? No problem! Reach out to us and we’d be happy to help :)

Did this answer your question?