Printing dashboard with Blox widgets
We are able to see the Blox widgets when we click on PDF icon but on printing or saving as PDF, we get blank reports where there are Blox widgets.
Anybody else have this problem ?
-
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,
-
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.
Many thanks,
Ron
-
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);
})
Please sign in to leave a comment.
Comments
6 comments