+- Forums (https://bdn.bdb.ai)
+-- Forum: BDB Knowledge Base (https://bdn.bdb.ai/forumdisplay.php?fid=13)
+--- Forum: BDB Dashboards Designer (https://bdn.bdb.ai/forumdisplay.php?fid=43)
+---- Forum: BDB Designer Q & A (https://bdn.bdb.ai/forumdisplay.php?fid=16)
+---- Thread: Script for shadow (/showthread.php?tid=402)
Script for shadow - abhishek_acharya - 12-23-2022
It should be given in dashboard and the component's shadow property should be on..
//shadow
Widget.prototype.setDraggableDivShadow = function() {
if(IsBoolean(this.getShowShadow())) {
var shadow = hex2rgb(convertColorToHex(this.m_shadowcolor), this.m_shadowopacity);
$("#draggableDiv" + this.m_objectid).css({
"box-shadow": "0 8px 16px 0 rgba(0, 0, 0, 0.2)" ,
"-webkit-box-shadow": "0 8px 16px 0 rgba(0, 0, 0, 0.2)",
"-moz-box-shadow": "0 8px 16px 0 rgba(0, 0, 0, 0.2)"
});
} else {
/** remove the css property so designMode shadow can be aplied if set from preference **/
$("#draggableDiv" + this.m_objectid).css({
"box-shadow": "",
"-webkit-box-shadow": "",
"-moz-box-shadow": ""
});
}
};