Skip to main content

Portlet

Portlet

A Portlet is the smallest part of a dashboard.

Contains a list of data that has been successfully visualized in the form of bar charts, pie charts, line charts, tables, etc. with various menu buttons to choose from, there are various symbols that describe each Portlet that has been created:

Portlet-type editor with Bar Chart

Portlet-type editor with Line Chart

Portlet-type editor with Area Chart

Portlet-type editor with Pie Chart

Portlet-type editor with Datatable

Portlet-type editor with Progress Bar

Portlet-type editor with Number

Portlet created from BigQuery

Portlet created from Custom View

Various types of portlets can be made so that users can be more flexible and easier when creating a portlet as desired. In making it easier for users when looking for portlets, they can use the "Search" feature. .

In each portlet there will be two action buttons  which is useful for making edits to portlets that have been created, and will also delete portlets that are not used. Press  button to create a new portlet.

Creating New Portlet

Users will be provided with a modal popup containing a form when creating a portlet

Write the name of the portlet according to the chart or portlet that will be created, then there is a Title as the name that will be displayed on a page, then there is a choice of Type, what type of portlet we will create:

  • BigQuery : A feature used to make it easier to integrate charts/portlets from BigQuery with BigBuilder.
  • Editor : Users will be given the freedom to create a portlet from choosing their own data source then visualizing what is used and also how the data will be displayed more easily.
  • Custom View : This feature is used for advanced users so that they can customize more freely and the UI can be adjusted to the user's wishes

1. BigQuery

A form is provided which is used to register the configuration of the published BigQuery, with information such as Host, Secret Key, Type (Question/Dashboard), Question id.

2. Editor

Various kinds of customization are provided in the creation of a portlet, which allows users to create a portlet according to their wishes and use pre-registered data sources.

Press  button to configure the portlet that will be created by the user, various forms are provided that can be completed.

Select the data source that will be used in making the portlet, this data source list comes from the database that has been previously registered on the Connection menu and also the "Virtual table" created in Data Virtualization.

After selecting the data source used, various forms will appear such as:

  • Filter: to filter data at portlet level
  • Dimension: to select a column/field containing qualitative and categorical information as a dimension
  • Measure: to select a column/field is a variable that can be calculated from one or more dimensions
  • Sort: to perform data sorting at the portlet level.

There are also various kinds of charts that can be used in making the portlet:

  • Table
  • Number
  • Progress
  • Line
  • Area
  • Bar
  • Pie

Click  to make additional changes in the form of additional visualizations or colors of the portlet

Press  button to share or embed the portlet that has been made to other platforms and can be shared easily.

Press  to see other menus to choose from such as:

  • Revision History: To see every change made to the portlet
  • Archive : To archive portlets that are not used but do not want to be deleted

3. Custom View

Allows users to create portlets more freely, because it is done using "program code"

Press to do the programming of the Portlet that will be made as desired

There are various kinds of editors that can be used to make portlets with the custom view, there are:

  • HTML Editor: to do program code for files HTML
  • CSS Editor: to do program code for files CSS
  • Javascript Editor: to do program code for files javascript

Various kinds of third parties are also provided that can be used in making the portlet.

Edit Portlet

When the user has created a portlet but needs to make changes to the portlet again, the user can edit the portlet

Was This Article Helpfull?

Yes
No
© 2021 by Bigbox, Inc. All rights reserved.Last modified : December 27, 2021

Was This Article Helpfull?

Yes
No