Printing dashboard with Blox widgets

Comments

4 comments

  • Avatar
    Ron Oren

    Hi Vinod, 

    Images from an external source may not load properly in the Excel or PDF reports. See Adding Images for information on how to load images locally.

    But, we are about to release a new BloX version this Wednesday where this should be optimized, please upgrade after the release and let me know if that resolved your issue.

     

    Thank you,

    0
    Comment actions Permalink
  • Avatar
    Vinod Rajasekaran

     

    We still get empty cells where the Blox widgets are.All we see are lines that separate the widgets though we see it in the PDF view mode before printing. All images on this dashboard are on the Sisense server.

     

    0
    Comment actions Permalink
  • Avatar
    Ron Oren

    Hi Vinod,

    How big is the size of your images?

    Also, which browser are you using?

    Last, if possible, please send me your template (export template function) and Images so I can test it locally.

    ron.oren@sisense.com

    Many thanks,

    Ron

    0
    Comment actions Permalink
  • Avatar
    Simon Tuson

    Did this problem get addressed?

    I am seeing the same issue. On 7.3 and 8.0.2 versions. (just upgraded) using Blox 2.1.6

    Blox script and widget JS script is below

    BLOX TEMPLATE

    {
    "card": {
    "style": "",
    "script": "",
    "title": "",
    "showCarousel": true,
    "carouselAnimation": {
    "showButtons": false
    },
    "body": [
    {
    "type": "Container",
    "items": [
    {
    "type": "TextBlock",
    "id": "blox-dates-title",
    "text": "-",
    "style": {
    "text-align": "center",
    "font-weight": "bold",
    "font-size": "24px",
    "margin": "100px"
    }
    }
    ]
    }
    ],
    "actions": []
    },
    "config": {
    "fontFamily": "Open Sans",
    "fontSizes": {
    "default": 14,
    "small": 16,
    "medium": 20,
    "large": 50,
    "extraLarge": 32
    },
    "fontWeights": {
    "default": 500,
    "light": 100,
    "bold": 1000
    },
    "containerStyles": {
    "default": {
    "backgroundColor": "#ffcb05",
    "foregroundColors": {
    "default": {
    "normal": "#000000"
    },
    "white": {
    "normal": "#ffffff"
    },
    "grey": {
    "normal": "#5C6372"
    },
    "orange": {
    "normal": "#f2B900"
    },
    "yellow": {
    "normal": "#ffcb05"
    },
    "black": {
    "normal": "#000000"
    },
    "lightGreen": {
    "normal": "#3ADCCA"
    },
    "green": {
    "normal": "#54a254"
    },
    "red": {
    "normal": "#dd1111"
    },
    "accent": {
    "normal": "#2E89FC"
    },
    "good": {
    "normal": "#54a254"
    },
    "warning": {
    "normal": "#e69500"
    },
    "attention": {
    "normal": "#cc3300"
    }
    }
    }
    },
    "imageSizes": {
    "default": 40,
    "small": 40,
    "medium": 80,
    "large": 160
    },
    "imageSet": {
    "imageSize": "medium",
    "maxImageHeight": 100
    },
    "actions": {
    "color": "",
    "backgroundColor": "white",
    "maxActions": 5,
    "spacing": "extraLarge",
    "buttonSpacing": 20,
    "actionsOrientation": "horizontal",
    "actionAlignment": "center",
    "showCard": {
    "actionMode": "inline",
    "inlineTopMargin": 16,
    "style": "default"
    }
    },
    "spacing": {
    "default": 5,
    "small": 20,
    "medium": 60,
    "large": 20,
    "extraLarge": 40,
    "padding": 0
    },
    "separator": {
    "lineThickness": 1,
    "lineColor": "#eeeeee"
    },
    "factSet": {
    "title": {
    "size": "default",
    "color": "default",
    "weight": "bold",
    "warp": true
    },
    "value": {
    "size": "default",
    "color": "default",
    "weight": "default",
    "warp": true
    },
    "spacing": 20
    },
    "supportsInteractivity": true,
    "imageBaseUrl": "",
    "height": 233
    }
    }

     

    WIDGET SCRIPT

    /*
    Welcome to your Widget's Script.

    To learn how you can access the Widget and Dashboard objects, see the online documentation at http://developer.sisense.com/pages/viewpage.action?pageId=557127
    */

    widget.on('ready',function(se,ev){
    var fieldIx = 0,
    datesString;
    if (!Array.isArray(se.queryResult)) return;

    var minMax = se.queryResult.reduce(function(acc, val){
    if((!acc.min) || acc.min.Value>val[fieldIx].Value){acc.min = val[fieldIx]}
    if((!acc.max) || acc.max.Value<val[fieldIx].Value){acc.max = val[fieldIx]}
    return acc
    } , {min:undefined,max:undefined})
    datesString = minMax.min.Text+' - '+minMax.max.Text;

    $('#blox-dates-title').text(datesString);
    })

    0
    Comment actions Permalink

Please sign in to leave a comment.