12-23-2022, 04:44 AM
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": ""
});
}
};
//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": ""
});
}
};