We will try to link the app of our basic example to other apps, by creating relationships. In this way, we can have charts with Parent, Child, Grandchild levels.

In this tutorial, we will create a new Podio app and we will relate this to the BlogArticles app.  We will call this app: BlogArticles-Implementation.

Planned vs. actually timeline:

The two apps will be logically connected with each other, because BlogArticles will show the planning of posting the article “Our company’s history” , and BlogArticles-Implementation will show what is actually happening (or what have happened).

So let’s get started.

We will create it in the same company and workspace as BlogArticles app.

Each item in our BlogArticles-Implementation app should be a task that is done by a person.So, we should have 3 items, one for Brainstorming, one for Analysing and one for Typing. Let’s add fields to our app.

There are two very important fields that need to be in our app, otherwise we cannot visualize the app through SmartGantt:

* Task name (or Task title, it’s up to you)

* Start date

For better visualizing in SmartGantt, you can also add the following fields:

* Task owner (or Employee)

* Progress

* End date

* Status

We will include all the previous fields in BlogArticles-Implementation app.

The only difference from BlogArticles app is that we will add a Relationship field, as it will serve as our 2nd level (or child) app.

This will link our BlogArticles-Implementation app with BlogArticles in Podio.

As you can see, a menu appears. Select the BlogArticles app.

Next thing to do is to create items for the new app, in this case 3 items. Fill in the required information for each item, including the Relationship field (this way, each item of our BlogArticles-Implementation app is related to a specific item of BlogArticles app), by matching items from the BlogArticles app with the newly created items.

If you don’t know the actual end date, you can put in a fictional date, that can be changed later as the project progresses. In this example, our fictional end date will be close to the end of the year.

After filling in all the information, you should have this in your screen:

Ready, let’s go to SmartGantt.

What we want to create is simple: A chart that will contain both BlogArticles and BlogArticles-Implementation apps. Therefore BlogArticles app will be the Parent app, whereas BlogArticles-Implementation app will be the Child app.

Next step is mapping of new chart, if you have problems you can check the existing tutorial article https://smartgantt.com/map-chart-detailed/

Referenced app 

This time we need to map with the referenced app: BlogArticles-Implementation. There is a list with the all apps that you can reference to. You may scroll down in order to find your app.

Make sure you have clicked on the checkbox on the right side of the name of the app, as seen the following picture.

We also use the Relationship field as a Task title in this example.

The rest of the fields are mapped in the same way as in our basic example, that’s more or less “mapping same name with same name”. Upon finishing, click Next button.

Third step is mapping our app with sub-referenced apps. That will not be done in our case. You can just click “Generate Gantt chart”.

How does our chart look like?

Here the brown task bars belong to BlogArticle app (Parent app) while green task bars belong to BlogArticle-Implementation app (Child app).

If you feel that something went wrong you can fix this by clicking to Edit Settings option which is on the left-hand side menu.

How to work with the chart

In this example whenever a task is completed, we need to fix the end time for each of our tasks. Change the scaling view to “Week scaling” by clicking the Scaling button from the upper menu.

You can drag and drop the end part of each task bar to the time point that you want. The blue task bar will be very long until all green task bars are smaller, in this case all tasks will be finished. Let’s see now what happened after all the task finished in our example:

Brainstorming took just one day instead of two, all the other tasks took the time that was supposed to take. Now that’s how the final chart looks like after also setting up dependencies