Media Widget

Media Widget on the Configurable Dashboard

The media widget allows you to display your event photos from multiple events or programs, based on user permissions. We’ll be talking about building out this specific widget. If you’re wanting to learn about building the dashboard, read here.

Widget Configuration

To get right into it, the first field is going to be Widget Name. At this point you can also decide if you want to display that name and/or have a border around the widget. Click the checkboxes to enable either of those options.

Next, if you want to, you can choose to adjust the height settings on the widget. The default will be Enforce exact size. Your other options are: Dynamically expand and reduce height, dynamically expand only, and dynamically reduce only.

What does any of this mean? Let’s define some terms.

• Enforce Exact Size
  • The default and recommended option. This option uses the template defined height and will not vary from that. If the data field is larger than possible to display at one time (unlikely in a bar chart but a possibility in others), scrolling will be required to view the data.
• Dynamically Expand and Reduce Height
  • The most flexible option wherein the widget will grow or shrink as necessary to display all data at one time with no scrolling required. This option may change the layout of the dashboard as the widget will not be a fixed size.
• Dynamically Expand Only
  • This will allow the widget to expand as needed to display all data but the widget will not shrink beyond the defined size set for the template.
• Dynamically Reduce Only
  • The widget may get smaller based on display needs but will not expand beyond the set size on the template.

We’re going to stick with Enforce exact size.

Now we get to put the ‘media’ into ‘media widget’, and like so many things, it comes down to numbers. Specifically, the total number of photos you want to display and how many photos you want per line. So you can determine if you want a grid, a long line, a tall line, a couple of columns. While not endless, you do have lots of options. We’re going to go conventional here and do a 3x3 grid, meaning we have 9 total photos and 3 photos per line.

If you want to limit the photos that pull into the widget based on assigned tags, you can do so as well. You can pick as many or as few tags as you want (or skip them altogether). You will need to add each of the tags individually.

Now we have a chance to address the photos individually, should that suit your preferences. The first option available to you is labeling the photos. If you want to add text to any (or all) of your photos, you can enter it here.

Also, if you have specific photos you want to include, you have the option of selecting photos. Click Select Photo.

This will open a preview with your available media. If you have more than one page, you can click Next. Once you find the photo you want to use, just click it.

Now you’ll see the selected photo with a pin next to it, so you know it’s not going anywhere.

Make your labels and selections as needed, then click Save Changes to finalize the widget.

Widget Filters

Unlike other widgets, the media widget doesn’t offer filtering on a per-piece level, but you can still apply filters at the widget-level. At the top of the widget builder, click Widget Filters.

If you’ve already added piece-level filtering, this won’t be a big stretch for you, but if you haven’t, we’re going to go through all the steps so don’t worry about missing out on something. The next step is clicking Add Filter.  

This will open the Filter Builder. Your first step here is entering the Name of the filter. Then you need to select your Filter Type. For Filter Type, your options are: Venue Markets, Event Types, Recap Definitions, Programs, Date Range (full date), Date Range (Month and Year), Venue States, Integration Custom Fields, Scheduling Custom Fields, Recap Custom Fields, and Venue Custom Fields.

• Venue Markets
  • Narrow your widget data to specific markets
  • Select the market(s) from the dropdown menu. Markets will need to be added individually. If none are selected, the dashboard will default to including all in the filter.
• Event Types
  • Narrow your results to certain event types.
  • Select the event type(s) from the dropdown menu. Event types will need to be added individually. If none are selected, the dashboard will default to including all in the filter.
• Recap Definitions
  • Pull data only from events with specific recap assignments
  • Select the recap(s) from the dropdown menu. Recap definitions will need to be added individually. If none are selected, the dashboard will default to including all in the filter.
• Programs
  • Display data based on the event’s program assignment
  • Select the program(s) from the dropdown menu. Programs will need to be added individually. If none are selected, the dashboard will default to including all in the filter.
• Date Range (full date)
  • Select a date range for dd/mm/yy
• Date Range (Month and Year)
  • Select a date range for mm/yy
• Venue States
  • Pull data based on the state the venue is in
  • Select the state(s) from the dropdown menu. States will need to be added individually. If none are selected, the dashboard will default to including all in the filter.
• Integration Custom Fields
  • Use Integration Fields to determine what data is pulled into your chart
  • Select the field(s) from the dropdown menu. Fields will need to be added individually. If none are selected, the dashboard will default to including all in the filter.
• Scheduling Custom Fields
  • Pull data based on Scheduling Fields on the event
  • Select the field(s) from the dropdown menu. Fields will need to be added individually. If none are selected, the default will include all in the filter.
• Recap Custom Fields
  • Use specific Recap Fields to determine what event’s pull into your chart
  • Select the field(s) from the dropdown menu. Fields will need to be added individually. If none are selected, the default will include all in the filter.
• Venue Custom Fields
  • Use responses from Venue Fields to populate the widget
  • Select the field(s) from the dropdown menu. Fields will need to be added individually. If none are selected, the default will include all in the filter.

Build out additional filters as needed by repeating the above steps.

When you’ve made all your edits, click Save Changes at the bottom of the modal.