Eclipse Community Forums: Eclipse Scout » heatmap isn't displayed correctly

Home » Eclipse Projects » Eclipse Scout » heatmap isn't displayed correctly(I was implemented the heatmatField in my project and i have a map ho showed in out side the field like they pictures)

heatmap isn't displayed correctly [message #1841887]

Wed, 02 June 2021 05:49

Eclipse User

I was implemented the heatmatField in my project and i have a map ho showed in out side the field like they pictures

index.php/fa/40575/0/

I need a help please. Thank for advance.

Attachment: heatmap1.png
(Size: 927.88KB, Downloaded 256 times)
Attachment: heatmap2.png
(Size: 291.73KB, Downloaded 264 times)

Re: heatmap isn't displayed correctly [message #1841902 is a reply to message #1841887]

Wed, 02 June 2021 11:00

Eclipse User

Hi Amdy

Yes, your apps looks definitely broken :) Only by looking at the screenshots, I can only guess what's wrong.
My first idea is, that the CSS/stylesheet for your custom widget is not properly loaded or your LESS imports for the heatmap widget are missing or wrong.

Since the Heatmap widgets runs without problems in our own widget application below, I'd start to compare the two applications.
Inspect the Heatmap widget with the dev tools (F12) of your browser and compare which CSS styles have been applied to the widget and where the style definition is located.
Maybe this will lead you to the source of your problem.

https://scout.bsi-software.com/widgets/?dl=widget-heatmapfield

Cheers
André

Re: heatmap isn't displayed correctly [message #1841903 is a reply to message #1841902]

Wed, 02 June 2021 11:47

Eclipse User

Thanks a lot Andre WegmuellerFriend he missed the leaflet.css file. What is weird that file I see them nowhere in your repository.
Thanks again.

[Updated on: Wed, 02 June 2021 12:05] by Moderator

Re: heatmap isn't displayed correctly [message #1841949 is a reply to message #1841903]

Fri, 04 June 2021 02:00

Eclipse User

In our widgets app leaflet.css is referenced in three files:

package.json, defines the dependency to the 3rd party leaflet JS and CSS code:
https://github.com/bsi-software/org.eclipse.scout.docs/blob/releases/11.0/code/widgets/org.eclipse.scout.widgets.ui.html.app/package.json

webpack.config.js, copies the leaflet.css to the right location when the webpack build runs:
https://github.com/bsi-software/org.eclipse.scout.docs/blob/releases/11.0/code/widgets/org.eclipse.scout.widgets.ui.html.app/webpack.config.js

index.html, requests the .css from the server:
https://github.com/bsi-software/org.eclipse.scout.docs/blob/releases/11.0/code/widgets/org.eclipse.scout.widgets.ui.html.app/src/main/resources/WebContent/index.html

But that's just how we do it. You could also make one big CSS file which contains everything (using LESS imports), including the contents of leaflet.css and request that single file from your index.html.

Previous Topic:	SequenceBox and LABEL_POSITION_TOP in containing fields
Next Topic:	jface support in Scout

Goto Forum:

-=] Back to Top [=-

Current Time: Tue Jul 15 10:07:40 EDT 2025

.:: Contact :: Home ::.

Breadcrumbs

Sign up to our Newsletter