GWT dygraph not showing(collapses on top left corner) - gwt

I am trying to create a dygraph(using gviz) in a GWT application. The dygraph shows up as collapsed chart on the top left corner. i can see the slider in that corner.
If i resize the browser window, the chart shows up as expected.
I thought of calling chart.resize(width,height) but get an error chart has no method resize.
Any ideas how to fix it?

When you use GViz, you're most likely using a wrapper, not the real dygraph object.
Does "chart.date_graph.resize(width, height)" work for you?

Related

AmCharts for heatmap, black thing appears

I'm using AmCharts, specially the heatmap, when there is only one value in the chart and put the mouse over it, the thing in the picture below appears at the left top corner.
I tried to look if there is a tooltip or something for mouse over but I couldn't access that thing
do you know guys what is it ? and how to remove it ?

Application Menu on top of Leaflet map

In a map application based on Leaflet, I would like to have a large application menu, kind of a settings menu. I managed to put a nice button into the top right corner as a L.Control and it gets fired on a click.
The menu should position either to the left of the menu button or simply in the middle of the screen.
I am wondering whether it is best practice to use
a Popup,
a Layer,
another Control or
just position a at the right place on the page.
Trying the latter, I found that I have to set z-index to a very high value to see it, and it feels a bit odd not to use the Leafleat features.
What would be the "right" solution to use with Leaflet?
If you want a full screen map, you can use https://github.com/Turbo87/leaflet-sidebar
I use it here: http://franceimage.github.io/map
You can create a nice customized icons based toolbar using Leaflet easybutton plugin.
You will have all the leaflet based controls (Click, hover, position etc.) to set that up as per your requirements.
Here are the implementation examples:
http://danielmontague.com/projects/easyButton.js/v1/examples/
and github repo: https://github.com/CliffCloud/Leaflet.EasyButton

Custom ScrollBar Implementation for GWT [SmartGWT]

I am trying to make a custom scrollbar for my gwt project, same as the one in the attached picture. It behaves like when the container overflow horizontally, an icon with the arrow will be shown on the right side, instead of showing the horizontal scroll bar, and on clicking on this arrow, it will act the same way as the scrollbar would.
I tired to search for similar components, but got no result [may be i am not searching for it with the right key words :( ]
Could any one help me in building/finding such a component using GWT/SmartGWT
Scroll Bar marked in red on right side

SAPui 5 Page as a popup window

I want to crate a popup window with close button and the content of the popup will be a split-app master-detail page.Which control should we use to achieve this?
I've tried with a sap.m.page but unable to change height and width.
I've tried with a sap.m.ResponsivePopover but i can't remove the arrow thing on the top from that.
The arrow in sap.m.ResponsivePopover is using the css classes .sapMPopoverArrUp and .sapMPopoverArr so you could probably overwrite them locally to remove the arrow.
Thanks.I have used overlaycontainer to acheive the requirement.

Gtk layered layout

I am building a simple interface using a 3 row GtkVbox. Inside middle row, I'd like to show a centered image and a small config panel. If config panel is shown, it must appear over the image. How could I simulate a layered panel where the config panel appers in an upper level than the image. Any ideas?
Regards
Overlaying widgets on top of each other isn't really what GTK is built for - you might be using the wrong tool for the job. Maybe you should check out Clutter?
I believe you can use GtkOverlay to put the panel over the image.