When minimizing my application window it is going to clumsy - kendo-ui

I am doing one project using kendo controls.Its almost completed but one issue is raised,that is when minimizing window all application is going to clumsy.That is all controls positions are slightly moved so its viewed as clumsy.how to solve this issue.please help me?

You just try this one
$(window).resize(function () {
$("#chart svg").width(Number($('.k-content').width()));
$("#chart svg").height(Number($('.k-content').height()));
$("#chart").data("kendoChart").refresh();
});

Related

why does win.focus() not bring the window to the front?

In code:
function focusOnMainWindow(): void {
win.focus();
}
In practice:
I want my electron application to appear above other programs. But only the yellow glow from him works! Why?
win.focus() isn't necessarily designed to bring the window to the front (see this github issue).
If you want the window to be brought to the front, you'll have to get more creative. The function I have in my app is fairly complex to handle all sorts of edge cases, but maybe something like this will get you started:
// maybe you want to handle this case, maybe not
if (win.isMinimized())
win.restore();
win.setAlwaysOnTop(true);
app.focus();
win.setAlwaysOnTop(false);
The idea is adapted from here. Note in their case, they're doing:
win.setAlwaysOnTop(true);
win.show();
win.setAlwaysOnTop(false);
app.focus();

Issue when moving up down in a THorzScrollBox to scroll it's parent TVertScrollBox

I'm facing a problem with this 2 ScrollBox, one is TVertScrollBox which display whole screen and it have a THorzScrollBox in it, my problem is if i want to touch to the HorzScrollbox item and move up and down, my VertScrollBox have to scroll same as. Are there any ways to solve this issue? Thanks in advance
//Edit 1 : I'm using a gesture and ScrollBy(x,y) function to do with this issue. But it seem a bit laggy(not smooth) and still the HorzitonScrollBox scroll it own. A image for this(http://i.imgur.com/weOqW0R.gifv). Still watting another solution to do this
You can do it using UICollectionView as given in below example project.
http://damir.me/implementing-uicollectionview-layout
Source code link: http://bascarsija.s3.amazonaws.com/CollectionView.zip
After downloading this source code, In build settings change the value of the "Compiler for C/C++/Objective-C" to Default Compiler and run the app.
OK, I have found a simple answer.
When you have a THorzScrollBox inside of a TVertScrollBox, set THorzScrollBox.Touch.InteractiveGestures.Pan to False.

JCanvas mouseover seems to be mousemove

I have a small JCanvas app that has the following layer def that sets a handler for mouseover. I put some console log statements in various places and it is clear that an event is generated every time the mouse moves in the rectangle, not just when it enters. mouseout also occurs with every mouse move.
That seems contrary to the definition of mouseover, common sense and the way jQuery works. Can anyone provide some insight into a problem of my making or if this is simply something I have to work around? Thanks in advance.
$(page).drawRect( {
click:function (layer) {topic_click(layer);},
mouseover:function (layer) {handleMouseover(layer);},
mouseout: function (layer) {handleMouseout (layer);},
fillStyle:"#000044",
x:x, y:y,
width:300,
height:60,
cornerRadius:16,
visible:true,
name:"topic_"+ ct.toString(),
layer:true
});
Yeah, seems to be fixed: In the firebug/chrome console enter a
$("canvas").clearCanvas();

Transition effect like the start menu tile transition on WP7

I would like to recreate the transition effect which can be observed when a user clicks on a tile on the start menu. But I have hit a road block in my quest. I am unable to search for information related to that particular transition. Is it possible to do so in you own application? If so, please guide me. Thanks in advance.
I call it a 'peel animation' and have implemented it here:
http://www.scottlogic.co.uk/blog/colin/2011/03/metro-in-motion-part-2-peel-animations/
Others call it a 'turnstile' and have also implemented it:
http://turnstile.codeplex.com/

Ajax TabContainer Rendering Problem

I'm using Ajax TabContainer with a number of tabs,and IE as browser.
On one of the tabs, which is created and added dinamically, I'm showing a number of charts.
Sometimes some of the charts are missing, and after changing tab or selecting the area by mouse, the chart apears.
This problem exists only in production environment, in other words, in development environment there is no problem.
Thanks very much in advance for any help.
I could fix the issue, even though in a tricky way.
I forced the tabContainer to redraw after the page is loaded:
setTimeout(function() {
var tabIndex = $find("<%=TabContainer1.ClientID%>").get_activeTabIndex() ;
$find("<%=TabContainer1.ClientID%>").set_activeTabIndex(tabIndex);}
, 4000)
It does nothing but activating the tab which is already active.
However, I'm wondering if there is any better resolution.

Resources