Insert table canvas-datagrid into canvas KonvaJS - html-table

can i insert table form canvas datagrid library (TonyGermanery) to canvas konvaJS ?
I've tried to inserting the table but its not working

No, there is no way to do that directly. canvas-datagrid has its own control over the canvas element.
As a workaround, you can try to place canvas-datagrid on top of Konva stage with CSS absolute position.

Related

How to create a circular slider with breakpoints?

I am new to react-native and i want to achieve the below design in react-native
The blue circle is a slider to chose the date(Date Picker)
The circle inside the slider(Date Picker) changes color when the date is changed
and finally an image inside the circle.
it would be great if anyone could provide links for reference or a library which i can use to create the design shown in the image.
thanks in advance.
you have to create a custom SVG Slider just like this one
I have created a sample for you take a look
react-native-circular-slider-with-breakpoints
Well this is a custom slider which has some break point values. As the slider changes there is a change in the state and based on that the below description view is rendered.
Use this slider and give some css colors and styles to make it round

Highcharts: How to resize chart from external JS?

I have two charts on a page, their codes stored in different files. What Im trying to achieve is: When I click on first chart, the second should change its size (lower height and width). Function that should do this is in yet another file (but I think it´s not the condition)... I tried to change the width of containing div, but it only cuts the chart. Then I tried to change the width of that div and then to load that chart again...no result.... Is it even possible to do this?
Use setSize() function.
For example:
chart.setSize(newWidth, newHeight);

Horizontal layout with fullscreen scrollbar

How can I create horizontal layout with fullscreen scrollbar? Like "Store" app in Windows 8. I use WinJS
Try this, flexbox:
http://msdn.microsoft.com/en-us/library/ie/hh673531(v=vs.85).aspx
There is a property called ‘flex-direction’which allows you to change a row to a column, i.e. the elements would be aligned vertically. It is also possible to reverse the direction, i.e. the last element in the container would appear first in the list. This property can take the values – ‘row’, ‘row-reverse’, ‘column’ and ‘column-reverse’.

base div height on dynamic canvas height

I have a canvas element that changes in height after some user interaction.
The canvas is contained in a div. When the canvas changes in height, it currently overflows the div vertically.
Can I add a (javascript or jquery) listener (or something like that) to the height of the canvas, that dynamically changes the div's height according to the canvas height? Or is there a css way to let the div automatically enlarge (like in a table row).
thanks
Have you tried adding this style to the div : height:auto;
As a workaround, I've put the canvas in a table. A bit ugly, but it works.

Scale a canvas inside a templated usercontrol

I created a templated usercontrol from a button in order to use common states etc. What I dont get is how to scale a canvas inside the template. I created a little drawing with lines but they do not scale/transform with the control when I use it.
Most interesting would be if that is possible using xaml element binding (I am playing with SL3).
Regards Mario
I would use a Grid and set it's Height and Width to Auto. If yo addi items to the rows and columns and they are all set to stretch the stuff nside the grid will automatically resize. Not sure if that is what you are asking but that is what comes off the top of my head.