您可以在 Sisense 中使用 BLOX 将图像与文本叠加吗
Can you overlay an image with text using BLOX in Sisense
我想创建一个 BLOX 小部件以用作仪表板顶部的横幅。小部件的主体包含一个图像。我想在该图像上放置一些文本,但我找不到这样做的方法。我可以在包含文本的正文中创建第二个项目,但它位于图像下方。这是我的小部件的主体。如果有任何关于如何让文本覆盖图像的想法,我将不胜感激。
"body": [
{
"type": "Container",
"horizontalAlignment": "center",
"items": [
{
"type": "Image",
"url": "https://mycompany.com/myimage.png",
"altText": "Company Name",
"size": "stretch"
},
{
"type": "TextBlock",
"id": "DashboardTitle",
"style": {
"color": "#4a0004",
"font-weight": "bold",
"font-size": 48,
"background-color": "white"
},
"class": "",
"text": "Customer Review"
}
]
}
],
您需要将您的图像用作 Blox 的背景图像。这将允许您用文本项覆盖它。
您可能需要为容器提供背景颜色 (rgb(0,0,0,5)) 以使图像不透明,但这应该适合您。
B RGDS
亨德里克
我想创建一个 BLOX 小部件以用作仪表板顶部的横幅。小部件的主体包含一个图像。我想在该图像上放置一些文本,但我找不到这样做的方法。我可以在包含文本的正文中创建第二个项目,但它位于图像下方。这是我的小部件的主体。如果有任何关于如何让文本覆盖图像的想法,我将不胜感激。
"body": [
{
"type": "Container",
"horizontalAlignment": "center",
"items": [
{
"type": "Image",
"url": "https://mycompany.com/myimage.png",
"altText": "Company Name",
"size": "stretch"
},
{
"type": "TextBlock",
"id": "DashboardTitle",
"style": {
"color": "#4a0004",
"font-weight": "bold",
"font-size": 48,
"background-color": "white"
},
"class": "",
"text": "Customer Review"
}
]
}
],
您需要将您的图像用作 Blox 的背景图像。这将允许您用文本项覆盖它。 您可能需要为容器提供背景颜色 (rgb(0,0,0,5)) 以使图像不透明,但这应该适合您。 B RGDS 亨德里克