Customizing the Sisense User Interface with Interactive Buttons and Icons
Sisense plugins and scripts enable extensive customization of the Sisense user interface, allowing developers to add interactive elements such as buttons and icons to enhance functionality and user experience. A common use case of plugins involves adding clickable icons or buttons that trigger specific plugin features or open custom UI elements. This article outlines the process for adding these interactive elements using a practical example.Loading Amchart5 and Other External Libraries via Script Tags in Plugins
This article explains how to load external libraries, such as Amchart5, into Sisense plugins by dynamically adding script tags to the page header to load the library. This method can avoid potential issues associated with other loading techniques but also offers flexibility such as using an external CDN to reduce plugin size and file count. Previous articles have discussed how to load external libraries and modules for Sisense plugins via adding the file to the plugin folder, and adding the file to the "source" parameter array in the plugin.json.Plugin - RemoveImageDownload - Removing Items From Sisense Menus
This article discusses a plugin (and an equivalent dashboard script) that removes the “Download as Image” option from Sisense menus. This same approach can be applied to remove any other menu option in Sisense by adjusting the relevant code. Organizations may want to hide or remove specific menu items for several reasons: Security: Prevent certain menu options from being used. Enforcing Best Practices: Remove menu items not used in the standard recommended workflow Streamlined UI: Hide unused menu items to simplify the user experience. Plugin Overview RemoveImageDownload plugin removes the “Download Image” option from all standard Sisense menus which include the:
SisenseJS Plug N Play - Embed In Minutes!
Sisense JS Plug N Play - Embed In Minutes! A simple and easy jump start solution for embedding Sisense using Sisense.js on your website! SisenseJSPlugNPlayV1 DEPENDENCIES: JQuery SisenseJsPlugNPlay.js Sisense deployment with open CORS Cookie from sisense (using SSO, can be tested by logging into sisense webapp on a different tab in the browser) HOW TO USE: Create empty Div elements in your html page and assign ids using ‘loc{Index}’ (‘loc1’, ‘loc2’...) Import SisenseJsPlugNPlay.js Create a configuration object: var config = { settings: { server: '{SISENSESERVERURL}', dashboardidtouse: '{DASHID}', elasticube: { title: "{ECTITLE}", id: "{ECID}", address: "{ECADDRESS}", database: "{ECDB}" } }, app: null, dashboard: null, widgetsIdList: ['WID1', 'WID2', 'WID3', 'WID4', 'WID5'], myWidgetsDict: {}, widgetsInDashDict: {}, } Call: SisenseJSPlugNPlay(config);Embedding a Google Doc or Sheet in Your Dashboard
The iFrame Widget Plugin is a powerful tool that enables you to embed any web page that you wish into your dashboard, using its URL. A great use of the iFrame widget can also be used to Embed Google Docs or Sheets. The quick access to the document or sheet can be used to store notes and comments derived from a dashboard's results. Furthermore, it can be utilized for reading or even updating the same spreadsheet being used as an Elasticube's data source (write back). Other users with whom the dashboard is shared will be able to view the content of the doc, only if its sharing settings allow it. You can decide if the user must be logged in to Google, and if so, who may view and who may edit. For more information about it, see this Google article. To embed a single fixed doc: 1. Get the required doc's URL. If you want the doc to be editable, use the shareable URL. If you want it to be presented in presentation only mode, use the Published URL. 2. Create a new iFrame widget. 3. In the Widget's edit mode, provide the document's URL to the iFrame. 4. Apply your changes. To Embed a dynamic, filter responsive selection of documents: 1. Create a table that would list all of the relevant documents' description and URL. In the below example, we are using the owner's Email as the description that we will filter by: 2. Import the table into an existing or to a new Elasticube. The table can exist as a stand-alone island, and enable filtering based on its inline dimensions, or it can be integrating into an existing model, to enable interaction with its additional filters. 3. Create a new iFrame widget based on the same cube. In the widget's URL panel, add the field that holds the documents' URLs 4. Apply changes and inspect your dashboard. You can now choose the required document by choosing the relevant Email:
Plugin - Customize Dashboard Loading Screen
Plugin - Customize Dashboard Loading Screen This plugin enables changing or hiding the new Sisense dashboard loading screen introduced in L2023.6. Installation To install this plugin, download and unzip the attachment. Then drop the dashboardLoadingScreen folder into your plugins folder (/opt/sisense/storage/plugins). Enable the plugin on the Addons tab in the Admin section, wait for the build, and you are good to go. Customize To customize the loading screen, first, grab the URL of an image or gif you want to use. Next, update loadingImg inside of main.6.js with your URL and save. I've noticed the update can take a few refreshes before the new image is used. Tip - use an image with a transparent background.
