Development Tips

Logi Tutorial: How to Customize Your App With Self-Service Styling

By Joshua McClure
Share on LinkedIn Tweet about this on Twitter Share on Facebook

At Logi Analytics, we offer our customers the capability to embed self-service directly into their applications and let business users author their own data visualizations, dashboards, and reports. The Self-Service Template in Logi Studio is what allows users to create dashboards and reports from one or more data sources, then distribute them and collaborate with other users in a web-based application.

To streamline the user experience, you can style, brand and personalize the views, and then embed and white label the Self-Service template directly into your application.

>> Related: 3 Tips to White Label Analytics <<

In this four-part tutorial series, we will give you a peek into the architecture and inner workings of the Self-Service template, the tools you can use to customize it, and specific examples illustrating how to use the tools discussed.

About the Self-Service Template

The Self-Service template is comprised of Report Definitions and Support Files, both of which have two sets of folders:

  • goCustomizations: You can modify these files as they are maintained throughout the releases.
  • InfoGo: Don’t modify these files unless you absolutely have to. If you must do so, be sure to use Source Control to keep track of your modifications. These files may change with a new version release.

The Support Files contain several assets: CSS, JavaScript, HTML, XML files, and PNG files.

Self-Service Styling: Tools of the Trade

These are the tools of the trade that you’ll use to modify your Self-Service Template:

In the remainder of this blog series, I’ll walk you through how to change the landscape of the Self-Service template using the tools discussed above, starting with How to Customize the Self-Service Master Layout. Stay tuned!

Originally published December 19, 2017; updated on September 12th, 2019

About the Author

Josh McClure is a software developer at Logi Analytics. He's spent time in various engineering and customer solutions roles at Logi, where he's specialized in UI/UX, custom styling, and tailored solutions.