What component to display JSON data like this in a table format? Without extension

User Interface and Graphics
1

Hi, I'm writing an App to fetch OpenWeather data and trying to figure out how to make the App interface like this image below. Mainly the table format for the week, and each hour.

Thanks for your help!

Image grabbed from the internt.

image
image800×882 127 KB

2

It will be easier to use extension like TableViewer, or CompCreator.
If you insist to not use extension, you can use WebViewer, or you need to drag and drop many many arangements and labels/Images.

3

@Kevinkun I was trying to make this App iOS compatible, so no consider extension at this time.

Howevery, I found out a discussion thread that using Label and HTMLContent to utilize HTML code. Then I tried "<img style="border:0;" src="http://localhost/09d_2x.png" width="30" height="30">

If it's HTMLContent, why it wouldn't work?

image
image1252×828 196 KB

Here is the results:

image
image452×591 34.6 KB

Thank you,
Stonez56

4

Labels support HTML tags, but not all tags.

5

You could also take advantage of the fixed row and column counts to predefine tables of Label components, and fill the Label .Texts using generic Label blocks.

See this sample:

1 Like
6

If you want just non-commercial use for yourself without a credit card, there is also

https://api.open-meteo.com/v1/forecast?latitude=52.52&longitude=13.41&hourly=temperature_2m,relative_humidity_2m,rain&daily=weather_code,temperature_2m_max,temperature_2m_min&temperature_unit=fahrenheit&wind_speed_unit=mph&timezone=America%2FNew_York

Use the Web component to decode the JSON.

1 Like