Skip to main content


Eclipse Community Forums
Forum Search:

Search      Help    Register    Login    Home
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 09:49 Go to next message
Amdy DIOP is currently offline Amdy DIOPFriend
Messages: 5
Registered: May 2021
Junior Member
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/

index.php/fa/40576/0/

I need a help please. Thank for advance.
  • Attachment: heatmap1.png
    (Size: 927.88KB, Downloaded 190 times)
  • Attachment: heatmap2.png
    (Size: 291.73KB, Downloaded 192 times)
Re: heatmap isn't displayed correctly [message #1841902 is a reply to message #1841887] Wed, 02 June 2021 15:00 Go to previous messageGo to next message
Andre Wegmueller is currently offline Andre WegmuellerFriend
Messages: 204
Registered: September 2012
Location: Baden-Dättwil, Switzerla...
Senior Member
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é


Eclipse Scout Homepage | Documentation | GitHub
Re: heatmap isn't displayed correctly [message #1841903 is a reply to message #1841902] Wed, 02 June 2021 15:47 Go to previous messageGo to next message
Amdy DIOP is currently offline Amdy DIOPFriend
Messages: 5
Registered: May 2021
Junior Member
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 16:05]

Report message to a moderator

Re: heatmap isn't displayed correctly [message #1841949 is a reply to message #1841903] Fri, 04 June 2021 06:00 Go to previous message
Andre Wegmueller is currently offline Andre WegmuellerFriend
Messages: 204
Registered: September 2012
Location: Baden-Dättwil, Switzerla...
Senior Member
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.


Eclipse Scout Homepage | Documentation | GitHub
Previous Topic:SequenceBox and LABEL_POSITION_TOP in containing fields
Next Topic:jface support in Scout
Goto Forum:
  


Current Time: Tue Mar 05 11:05:11 GMT 2024

Powered by FUDForum. Page generated in 0.01521 seconds
.:: Contact :: Home ::.

Powered by: FUDforum 3.0.2.
Copyright ©2001-2010 FUDforum Bulletin Board Software

Back to the top