Open Finance User Guide

Open Finance (OF) is a single landing page for all of a customer’s Finance Insights apps.

Access The Admin Panel

To map your data and modify the settings for your Open Finance you will need to go to the administration panel located here:

Admin Panel - Open Finance Settings Tab

  • Login to make sure you are accessing your Open Finance Project
  • Open Finance utilizes search throughout all modules wired into it. The following fields configure how the modules are wired for search results

Search Configurations

This tab enables you to configure which modules are included in the centralized search results available with Finance Insights. Adding modules here means that when a user searches a term in Finance Insights, all of the modules will be searched for that term. Search results can be filtered by module. To add an application, fill in the below fields:

  • App Type - select module type from a drop down
  • App Title - The title of the module you are adding
  • App URL - The URL of the title
  • Return URL Title - Which page you would like to return to after entering the module.

(Note - Open Checkbook has some additional requirements for configuring search - find them here.)


Admin Panel - Branding Tab

In order to manage the site branding, favicon for the URL, paragraph text, header and footer you will need to go to the Branding tab.

This section controls the following:

  1. Header
  2. Home page (Home Page Content and Carousel Configs)
  3. Social Media
  4. Footer



  • Browser Tab:
  1. Tab Title: this controls what text displays in the tab on a user’s browser
  2. Tab Icon URL: this controls what icon displays in the tab on a user’s browser
  • Header Bar Tab:
  1. Organization Name: this will show up in the left-hand side of the header
  2. Header bar logo URL: this is the logo that goes in the top-left of the page. It should be a 50x50 pixel image


  • Jumbotron
    • Home Page Title: this is the largest title on the homepage
    • Home Page Introduction: this is brief introduction for your visitors.(Max 800 characters.)
    • Read More: use this section to provide visitors additional information about your organization or the Open Finance.
  • Hero Image
    • Hero Image URL: this is the background image that shows up behind your Open Budget module Title and Introduction. We recommend an image that’s at least 1280x1024 pixels
    • Hero Image Tint: Adds a tint to darken the image and make the white text on top more readable
  • Read More
    • Add Horizontal Padding to the about page content: by default, we add padding to the Read More page to make it more mobile friendly. Disable this setting if you need some extra room to tell your extended story.
    • Read More Text: this is the text that displays at the bottom of your home page introduction. Clicking on it links users to the read more page
    • Read More Location: this defines the alignment of the Read More text
  • Homepage Common Questions
    • Common Questions Button Label: the text here will show up next to the search bar on the homepage as a dropdown menu of common questions
    • Show Search DropDown Over Hero Image: setting this to “Hide” hides the search bar
    • Show Common Questions DropDown over Hero Image: setting this to “Hide” hides the common questions dropdown
    • Home Page Common Questions: use this section to add common questions and links to articles or other resources that answer the questions
    • To generate relative links, navigate to the page containing the drill-down view you wish to feature. Begin by modifying the page URL by removing everything up until the domain name and extension. Example:
      • This:!/year/2017/operating/0/object/SALARIES/0/function
      • Becomes: /#!/year/2017/operating/0/object/SALARIES/0/function
    • Then, to make the link relative, change the written year value into {{year}}. Example:
      • /#!/year/{{year}}/operating/0/object/SALARIES/0/function


The Social section allows you to configure the way your site is shared through Twitter and Facebook.

  • Twitter
    • Twitter Share Title
    • Twitter Share Description
    • Twitter Share Text
    • Twitter Handle
  • Facebook
    • Facebook Share Title
    • Facebook Share Description
  • Share Image
    • Share Image
    • Share Width
    • Share Height


This tab is used to add links to the footer of your Finance Insights module.

  • Footer bar link name and URL.

Admin Panel - Homepage Panels

The Homepage panels Tab allows you to configure the content for each panel on the home page. To make changes to your configuration, navigate to the Homepage Panels tab on the left side of the administration panel.


  • Select + to add a panel type. Each panel will allow you to select a panel title, panel background color, and configurable content.
    • HTML: used to inject HTML code directly into the page.
    • Embed: used to embed iframes into the page. Add multiple embeds to scroll content through a single panel.
    • List: this is used to add text content in a clean and readable way. Content is separated into sections that can be selected using the panel on the left hand side of the card.
    • Common Questions: can be used to generate a list of FAQs and their respective answers.
    • Exploration Link: inserts a summary card for each financial module you select to the home page. YOu can choose the default year and module to configure. The summary card includes text from the module you are connecting to.
    • Data Summary: inserts a summary table with selected summary statistics from various connected financial modules.
    • ODN Card Component: used to integrate with the Open Data Network
    • Checkbook: inserts an Open Checkbook timeline chart onto the homepage
    • Related Content: creates cards for generic external links or Data & Insights Perspectives pages
    • Panel Title: this is the header that will display at the top of your panel
    • Panel Background: this is the color of your panel background
    • Configure the panel: each panel type has different configuration options. The administration panel includes instructions for configuration, but if you run into any issues or have questions, feel free to contact for assistance.
    • Panel Type: there are many available panel types, including:



Admin Panel - Hamburger Menu

The Hamburger Menu panel allows you to add menus and links to the top header bar.


  • Add Menu Title, Link Name and Link URL.


  • Add Link name and Link URL without a menu dropdown

Admin Panel - Other Settings

The Other Settings section is where you can update miscellaneous settings, including Analytics and SEO settings.

Other Settings

  • Google Analytics Custom ID: add your Google analytics ID here in order to capture analytics e.g. "UA-XXXXXXX-1"
  • Add a punctuation for numbers: decide whether you want numbers formatted using a decimal to separate the thousands place, or a comma e.g. 1,000
  • Add a decimal point indicator for numbers: decide whether you want decimals formatted using a decimal or a comma e.g. 100,00

SEO Settings

Add an SEO title and description to optimize your site’s appearance in search engine results

  • SEO Title
  • SEO Description

Admin Panel - Colors

The Colors menu can be used to add your agency’s custom color set to the module. The following colors can be customized:

  • Header Bar Color: The hexaganol color code to be used as header bar background color
  • Text Color: Explore button text color.
  • Text Color on Hover: Explore button text color on hover.
  • Background Color:  Explore button background color.
  • Background Color on Hover: Explore button background color on hover.
Was this article helpful?
2 out of 2 found this helpful
Have more questions? Submit a request



Article is closed for comments.