How to add a Hyperlink in Datagrid?

Ans: It is possible by selecting Hyperlink in the column type dropdown in the Properties of Dataset tab on a selected field and that field should have supportive data.

Why does the column not show an alert even after enabling Show alert in the indicator of the Dataset tab?

Ans: It won't show an alert until the column type is set as 'Numeric' also ensure the alert conditions are set properly in the Properties of Dataset tab on the selected field.

Script to set the height of Datagrid component on click of another component.
* Below mentioned script is to be written on the label component script.
* Click on the label the Datagrid height will be changed which is set to 300 in the below-mentioned script.

var a = sdk.getWidget( 'datagrid1' );
a.m_height=300;
a.draw();

How to write conditional statements in calculated field?

Add the script in calculated script area 

‘sdk.calculation.getDivision(Marks)’

Add the below script in connection script area. 

sdk.calculation = sdk.calculation || {}; 
sdk.calculation.getDivision = function(marks){ 
if(marks>=50) 
return 'Pass'; 
else if(marks<50) 
return 'Fail'; 
}; 

Script to Remove the Right Y-axis label:
* Below is the script to remove the right Y-axis labels. 
* This should be written in on the dashboard Script.

sdk.setAfterRenderCallBack( 'timeline1',function() {
$(".rightyaxislabelgrp").css({"font-size":"0px"});
});

The user can change the look and feel of the entire story through this option. 

Themes Available:
     Default (Picture 1)
     Dark (Picture 2)
     Moon (Picture 3)

How to do:
     i) Click the ‘Change Theme’ icon from the storyboard. 
    ii) A menu opens with the available themes for the story.

Attached Files

  Picture 1.png (Size: 46.73 KB / Downloads: 193)
  Picture 2.png (Size: 45.83 KB / Downloads: 192)
  Picture 3.png (Size: 45.11 KB / Downloads: 168)

Script to change color while hovering (moving cursor)on the component:
* This should be written in the component script.

var p=sdk.getContext( 'applyfiltercolor' );
if(p==0)
{
}
else
{
sdk.setContext( 'applyfiltercolor',0);

var xx=sdk.getWidget( 'label1' );
xx.m_cursortype="default";
xx.draw();

var b = sdk.getDivIdFromComponetId( 'label1' );
sdk.applyStyle('#'+b+' span',"background-color", "rgba(254,0,34,0.7)");
$('#Target_filter_search01').css("background-color","#f2f0f0");
}

To set dashboard height:

sdk.applystyles("#draggablesParentdiv"+sdk.dashboard.m_id,{"height":"1674px"})

To set Dashboard width:

sdk.applystyles("#draggablesParentdiv"+sdk.dashboard.m_id,{"width":"1200px"})

Here,
List of filters are added to a variable called ui_filter.

var ui_filter= ['filter306','filter310','filter57','filter52','filter314'];
ui_filter.map(function(id){
var a= sdk.getWidget( id );
a.m_enhanceCheckbox=true;
});

Here, svg5  is aligned to left.

sdk.setLeft( 'svg5', 10 );