In this example we'll cover how to take any piece of HTML and turn it into a blox template.Find A TemplateI like to find templates on codepen or jsfiddle through google or through their search.https://codepen.io/yyildiz/pen/XjRAYvOn each Tab you may ...
Solution:To manage requests for new dashboards (or any other data collection needs) you can embed a Google Form straight into a dashboard using BloX! Get started with this BloX template and follow the steps below. You can then create a dashboard to m...
Challenge When you set the Carousel to false the widget will stack new items vertically. When we want the widget to populate itself horizontally we can use this code to change the display to inline-block instead of block. Solution In the widget edit...
This post details how to create a 'rank' button to filter a widget based on user input. Ex: if the user inputs a 5, the widget will show the top 5 records by the measure of choice. Step 1Create the desired widget (it does not have to be a table) incl...
Closing the modal window of a Jump to Dashboard can only be done be clicking outside of the window. This post details how to use BloX to create a button that resides within the window, which allows users to close it. STEP 1Create a BloX widget in the...
Introduction:The Dynamic iFrame template contains an iFrame element whose hosted page's URL is set by data, fetched from the Elasticube, or contains it.Since the URL is data-related, the content of the iFrame would be sensitive to filters.Please note...
Introduction: The Jumbotron template mimics Bootstrap's Jumbotron element and suggests an elegant and actionable header. Installation Instructions: 1. Download the attached template 2. Extract the json file into your BloX template directory: C:\...
Introduction:The Dynamic Table template allows you to create a pivot table which dynamically sizes columns based on the size of the browser.This template is structured for 4 columns, each of which are set to 25% of the column set size, which changes ...
ChallengeWhen developing a web page or a BloX widget designers face the same challenge. Accurately placing text and other design elements in the design space are difficult and arduous processes. Furthermore, advanced knowledge of CSS is required to a...
ObjectiveSend the user information along with data in a BloX Post payload without additional data security or dimension transformation.MethodThis method uses the following BloX components:A widget scriptA text input fieldA standard post actionHIGH-LE...
The Gradient color in bar/column/line/area chart script contains a styled title bar of 3 KPI with a gradient background. Installation Instructions: 1. Download the attached template 2. Extract the json file into your BloX template directory: C:\Pro...
This is a purely HTML, SVG, and CSS widget requiring no Javascript.The style of the guage is:.circular-chart { display: block; margin: 10px auto; max-width: 80%; max-height: 250px; } .circle-bg { fill: none; stroke: #eee; stroke-width: 3.8; } .circ...
The information in a blox text box can be used to create a filter.I ran into a use case wherein the client wanted to create a filter based on a list of values in csv file. The filter dimension has thousands of options and users would often need to se...
1. Apply this widget script (found in the widget menu) to the BloX widget:var ChooseYourHighlightColor = '#00cee6'; widget.on('ready',function(widget, args){ var filterToFind = widget.metadata.panels[0].items[0].jaql.dim; var dashboardFilters = ...
Use this Date Offset Filter Buttons template to add buttons to your dashboards that allow your users to filter the dashboard by a month offset.After importing the template, you can modify the JAQL in the Editor section to provide the table and column...
Disclaimer: Please note that this blog post contains one possible custom workaround solution for users with similar use cases. We cannot guarantee that the custom code solution described in this post will work in every scenario or with every Sisense ...
Add the following css to the style tag of the main blox property.Modify the widgetid value to match your blox widget ID. The ID is the text after /widgets/ in the URL bar.Modify the color to be whatever color you'd like to alternate between.widget[wi...
Today we will create a quiz widget in Blox that will looks something like this:This is a blox exercise to show a simple use case for custom actions.The first step is creating a data source file.You can create some csv with have some questions answers...
Recommended Quick Links
Developers:
Product Feedback Forum:
Need additional support?:
The Legal Stuff
Have a question about the Sisense Community?
Email [email protected]
