Share

Customizing Pages and Views

Now that we’ve familiarized ourselves with navigation and our workflows, let’s dive deeper into how we’re tracking things to:

a) automate our workflows further, and

b) have consistent workflows across our studio.

Let’s start on our Tasks page where we’ve filled in more schedule information and have advanced into the future a bit. As Producers and Managers, this is where we spend a lot of our time adjusting the schedule and glancing at bids versus actuals. While this view is great for some hands-on interaction with our schedule, wouldn’t it be super cool to have a view giving us a higher level digest of our bids versus actuals, as our project progresses? Let’s do it.

getting started

First, let’s design our page and create a New View.

getting started

We have a few views to choose from:

  • Grid: A view showing us a list of records.
  • Thumbnail: A view showing us a more visual view of each record.
  • URL: A full page view of any web page.

We’ll choose the Canvas type, which is a page of different widgets that can each display their own type of data. Most pages can have new Views. They give us more flexibility in showing more specific information without having to create a new page—great for department views and showing production insights, like stats. We can also restrict access to views, which we’ll do in this case—restricting to Managers and Admins.

getting started

Now, let’s add our first two widgets: the first two pre-configured ones at the bottom:

  1. Tasks Status, and
  2. Tasks Per Department

Let’s configure them to show Assets and Shots, and use these as is. Note that pre-configured widgets are also great to use as a base for others. These will set the context for the next graph we create on bids versus actuals.

getting started

Now, let’s:

  • add the graph widget to our canvas,
  • adjust the layout a little,
  • then configure it to show Tasks,
  • and name the widget “Bids vs. Actuals”.
getting started

Next, let’s configure our data set. We like the Vertical graph type, but let’s make note of the others.

getting started

For the graph style, bars make the most sense here, but we also have these other options.

getting started

Let’s:

  • graph by Pipeline Step,
  • summarize by “Time Logged - Over/Under Bid”,
  • calculate the sum,
  • adjust the colors to our liking,
  • and save the widget so we can see where we are under/over once Artists start logging their time.
getting started

Note that we’re still in Design Page mode, and need to save the page to commit this new view. Let’s make the Schedule View the default view first so it’s the view our team will see when visiting this page, and then save.

Now let’s share with our team of Producers. We can pass along a direct link to the “Bids vs. Actuals” view by selecting that view and then copying the URL link. We can also:

  • export graphs as images,
  • export the data,
  • and even print to share with anyone.

Each of these graphs is interactive, so we can drill in to see more detail when we need to.

getting started

Now that we’ve created a pretty cool view for Producers, let’s create a dashboard for the team, and promote it to our Project Nav bar so it’s the first thing everyone sees. This will give everyone a higher level glance at our project as a whole, and all the progress we’re making.

Let’s start by creating a new page, and call it “Dashboard”. Again, let’s make this page a canvas type, and enter design page mode to add a hand full of widgets.

getting started

First, let’s add a visual representation of our Drednots project, by adding a thumbnail widget. This will display the main thumbnail associated with the current Project.

getting started

Now, let’s show progress on our Assets, by adding a Graph widget, graphing by Type, alphabetically, then grouping by Status and adjusting the stack.

Next, let’s select “Use Status Colors” so that the status colors are consistent with what the team sees across our site.

Then, let’s display totals since it’s nice to see the total count at the bottom of the graph, adjust the top bar color, and save the widget.

getting started

Let’s graph something similar for Shots, but make it a pie graph this time. With pie graphs, we can also adjust the Inner Radius (%). Let’s apply 40% here.

getting started

This is looking pretty good—let’s take a moment to adjust the view so that we have three widgets evenly dispersed in our first row.

getting started

Now we’re thinking it would be awesome to add a countdown to project completion. Let’s face it—we love celebrations and this will help motivate us towards that one big milestone. And, why don’t we add all of the people in our project we’ll celebrate with!

getting started

Now, let’s show progress on Tasks by adding an Area Style Graph. Let’s also graph by Pipeline Step, and then group by Status. Neat how we can show our team how things flow through our pipeline, and have this kind of transparency with them.

getting started

To wrap this up, let’s promote this page so that everyone sees it when they visit our Project. Let’s select “Add to Navigation” from page settings, and then rearrange and remove Project Details, replacing that first page with our new “Dashboard” page. Now, we’re all set, and our global team is equipped with important knowledge about our project.

getting started

Analyze and Optimize Page Performance on Grid Pages

To investigate, troubleshoot and optimize page performance, you can use the Analyze Page Performance tool on grid pages. Learn more about this tool here.

Was this information helpful?