BLOX widget script level CSS changes

Question

I have custom dashboard level script to style widget borders/headers:
dashboard.on('widgetready', function(d){
$('.widget').css('border-radius','10px').css('border', '#c8c8c8 solid 1px'); $('widget-header').css('background-color','#f2f2f2').css('height','40px').css('border-bottom', '#c8c8c8 solid 1px').css('padding-top','3px');
}
I have a top BLOX widget with 3 buttons with no title. It obviously now picks up the dashboard widget header styles and I do not want that on this widget. I need no border/no header.&nbsp; I tried to add the above code on the BLOX level script to override with 0px height and border settings, but that didn't work.&nbsp; Is there another way to code that? Any ideas?&nbsp;

&nbsp;

drydendi · Answer

Hi&nbsp;ElementUX&nbsp;,
I am trying to do the same.&nbsp; Did you ever find a workable solution?
Thank you in advance for any guidance!

harikm007 · Answer

Hi&nbsp;ElementUX&nbsp;,
Since it is a blox, please use`titleStyle` in blox script to remove widget title
 "titleStyle": [
        {
            "display": "none"
        }
    ]

-Hari

elementux · Answer

Hi&nbsp;harikm007&nbsp; &nbsp;The title is already set to none.&nbsp; The issue has to do with the dashboard level widget css settings.&nbsp; I see you had a working solution on how to ID specific widgets to specify borders, now I just need help on how to change the widget-header settings in the same script.&nbsp; See here:&nbsp; https://community.sisense.com/t5/build-analytics/setting-the-borders-for-individual-widgets-in-the-dashboard/m-p/3295#M801
Thanks!&nbsp;

Forum Discussion

BLOX widget script level CSS changes

3 Replies

Recent Discussions

Pivot Table widget - column headers and column data out of alignment

Blox conditional formatting up and down indicators

Remove Widget Title Box

Change Legend Category Names

Rename the Pivot Grand Total

Sisense

Support

Resources