Add buttons

You can add buttons to your Looker Studio reports to let users filter data, access report actions, and navigate to linked content in a streamlined and convenient way. For example, you can let users filter a table with Countryand Populationby preset country values or navigate to a related page, and you can also provide them with quick ways to download or share a report.

Add buttons to a report

1. Edit your report .
2. Select the Buttonoption from the Add a controldrop-down menu.
3. Label your button by typing in the button field.
4. Rearrange your button to position it in the desired location on your report.

Next, customize the button using the Setupand Styleoptions in the Propertiesmenu.

Button setup options

The options in a button's Setuppanel determine how a button is configured.

Data source

A data source provides the connection between the component and the underlying dataset.

• To change the button's data source, select the current data source name.
• To view or edit the data source, select the Edit data sourcepencil icon. You must have at least view permissions to see this icon.

This option applies to the Filteraction type.

Button action type

These options control the ways a dashboard user can interact with a report using buttons. Each option has additional configuration options.

There are several types of button actions:

• Navigation
• Report actions
• Filter

Navigation

The Navigationoption lets dashboard editors create a button for users to quickly navigate to internal or external linked content .

There are two types of navigation you can choose from:

• Static link — A preset link that users can select to navigate to a specific page.
• Dynamic link — A link that users can select that changes based on the dimension value that they select when cross-filtering is enabled on a chart.

To add a Staticlink navigation button to your report, follow these steps:

1. Select the Navigationoption.
2. Select the Static linkoption from the Button link URLdrop-down menu.
3. Select the Insert linkbutton in the Button link URLsection to open the Insert linkmenu.
4. Input the URL.
5. Select or deselect the Open link in new taboption, as desired.
6. Select Applyto save the navigation options or Cancelto close the pop-up menu without saving.

To add a Dynamiclink navigation button to your report, follow these steps:

1. Select the Navigationoption.

2. Select the Dynamic link (from dimension)option from the Button link URLdrop-down menu.

3. Select Add a new dimensionin the Button Link URLsection to choose a dimension that includes URL values.

   • Alternatively, select ADD FIELDto open the calculated field menu and create an expression that concatenates dimension values to a URL.\

     For example, to create a dynamic link that performs a Google Search for a value from a dimension called Country, you can use the following expression:

     concat("http://www.google.com/search?q=",Country)

     When a user selects a Countryvalue in a chart, the button link will change to include that value.

4. If you select ADD FIELDto create a dynamic URL, select the URLoption from the Data Typedrop-down menu, and then click Applyin the calculated field menu.

5. Select or deselect the Open link in new taboption, as desired.

Report actions

The Report actionsoption lets dashboard editors create a button for users to quickly access report actions such as sharing and downloading.

To add a Report actionbutton to a report, follow these steps:

1. Select the Report actionsoption.
2. Choose one of the following options from the Choose a report action for the buttondrop-down menu:
   1. Invite people— Lets users quickly invite other users to view or collaborate on a report.
   2. Get report link— Lets users quickly access a URL for sharing a report with others or for using a report in web pages.
   3. Download report— Lets users quickly download a report as a PDF .
   4. Reset filters— Lets users quickly reset filters on a report.

Filter

The Filteroption lets dashboard editors create preset filters for dashboard viewers to quickly and conveniently apply complex filter logic to charts and reports.

See the Preset filter control page to learn more about configuring preset filter controls.

Button style options

A button's Styleproperties control its overall presentation and appearance.

Button font options

These options control the appearance of button font styling.

• Font color:Specifies the color of button text from a color palette pop-up.
• Font size:Specifies the size of button text in pixels from a series of drop-down menu options.
• Font family:Specifies the font family of button text from a series of drop-down menu options.

Background and border options

These options control the appearance of the button background container.

• Background:Sets the button background color.
• Border radius:Adds rounded borders to the chart background. When the radius is 0, the background shape has 90° corners. Border radius of 100° produces a circular shape.
• Opacity:Sets the button's opacity. 100% opacity completely hides objects behind the button. 60% is the lowest opacity setting.
• Border color:Sets the button border color.
• Border weight:Sets the button border line thickness.
• Border style:Sets the button border line style.
• Add border shadow:Adds a shadow to the button's lower and right borders.

Related resources

• Use report theme and layout settings to adjust the appearance of the page navigation.
• Preset filter control
• Download a Looker Studio report as PDF
• Invite others to your reports
• Get a link to your report