Scorestream Sports Score: HTML Custom Tile Help

SharpTools.io (web)
1

I am new to this and trying to teach myself. This is code I tried posting in a custom tile. But I just keep getting blank screen. Can anybody give me little help. Thanks.

2

@Dustin_bragg, did you forget to attach the code or screenshot?

6

image
image1284×282 73.4 KB

Let me try this again.

7

Can you paste the text itself?

Once you paste it into your draft, you can highlight the snippet and then tap the </> button in the toolbar so it can be posted.

Edit: I noticed it said scorestream.com in the screenshot, so I signed up for the service to play with. Code below is from the widget I generated from their site.

It looks like it has a fundamental issue for some reason. I’m guessing they probably don’t provide much support for it, but might be worth reaching out to their support.

<div class="scorestream-widget-container" data-ss_widget_type="teamSchedule" data-user-widget-id="48318"></div><script async="async" type="text/javascript" src="https://scorestream.com/apiJsCdn/widgets/embed.js"></script>
8

It seems like their script wants you to explicitly set the height/width of the box it’s in.

image
image947×398 33.4 KB

You can add the following to the start of your custom tile and it should fix the issue:

<style>
  html,body { height: 100vh; width: 100vw; margin:0;padding:0;}
</style>

So the full snippet in your case would be:

<style>
  html,body { height: 100vh; width: 100vw; margin:0;padding:0;}
</style>
<div class="scorestream-widget-container" data-ss_widget_type="teamSchedule" data-user-widget-id="48317"></div><script async="async" type="text/javascript" src="https://scorestream.com/apiJsCdn/widgets/embed.js"></script>