Sat24 have changed their widgets - help required please.

[RayProudfoot]

I'm pretty useless at changing my website but Sat24 which I've used for years have a new owner and they've changed the widgets I use on the front page.

I've copied and pasted the code generated for two satellite images but they don't show. Could some kind soul help sort out what's wrong please? I've used their site to size the images so they match what was there previously.

This is what the code for the two rows look like...

<tr>
<td colspan="5" style="padding: 10px 0; text-align: center;">
<a <iframe sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox" src="https://widgets.meteox.com/en-GB/widget ... 52353/rain" style="width:100%!important;max-width:845px!important;max-height:615px!important;height:100%!important;padding:0px;border:none!important;box-sizing:border-box!important;" scrolling="no" frameborder="0"></iframe>
</a>
</td>
</tr>
<tr>
<td colspan="5" style="padding: 10px 0; text-align: center;">
<a <iframe sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox" src="https://widgets.meteox.com/en-GB/widget ... /satellite" style="width:100%!important;max-width:845px!important;max-height:615px!important;height:100%!important;padding:0px;border:none!important;box-sizing:border-box!important;" scrolling="no" frameborder="0"></iframe>>
</a>
</td>
</tr>

view-source:http://www.cheadlehulmeweather.co.uk/

[freddie]

This bit:

Code: Select all

<a <iframe

should be:

Code: Select all

<a><iframe

There's two places to correct.

You also have one of these:

Code: Select all

</iframe>>

which should.be:

Code: Select all

</iframe>

[RayProudfoot]

Many thanks Freddie. Quite a relief it was just a couple of typos. But a different problem now. They're both letter-box format when I was planning for 845 x 615.

Any clues on how to get that?

[freddie]

I'm no web page expert - I look after the engines not the airframe
I can see you have 845x615 as a maximum setting. You also have some width and height attributes in there that are set to 100%. Maybe if you experiment with pixel values for those two attributes rather than % values?

[Dador]

The old Sat24 website is still available at this address.

https://sat118.sat24.com

After disabling api.sat24, unfortunately, free maps with clouds and precipitation are currently not available. I hope they include it.

[RayProudfoot]

Dador,
Do you mean this site? https://sat118.sat24.com/en/freeimages

The images still appear to be useable. I don't knowingly disable the api.

[Dador]

Dador,
Do you mean this site? https://sat118.sat24.com/en/freeimages

Yes,

I used some free maps from this site. Before Christmas everything stopped working. Nothing is currently displayed

[RayProudfoot]

MeteoBlue looks okay. https://www.meteoblue.com

I have two of their widgets installed and look okay.

[RayProudfoot]

The MeteoBlue widgets appear when i use my Windows laptop but not on my iPad. I've cleared the Safari website data but no joy. Just seeing placeholders.

Some permissions required?

[freddie]

Perhaps you need to explicitly allow iframes in the browser on the ipad?

[RayProudfoot]

Perhaps you need to explicitly allow iframes in the browser on the ipad?

How is that achieved? I'll google it and see if anything helps.

[RayProudfoot]

Google search revealed nothing that has helped. I wrote to MeteoBlue support and had a reply inside 2 hours.

They suggested a larger zoom (over 5) but that didn't help. They'll ask their tech people to determine why it's fine with Windows and my Android smartphone but not with an Apple iPad.

[RayProudfoot]

With the help of the staff at MeteoBlue I’ve finally got the weather widget working across all platforms including iOS.

There was a <a command messing things up. Hard to spot unless you’re an expert which I’m definitely not.

If anyone wants to add a widget to their website I can highly recommend MeteoBlue. The widget is extremely flexible and powerful.

https://content.meteoblue.com/en/busine ... te-widgets