Hello,
Please ignore this post and refer (http://forums.smartclient.com/forum/...off-the-screen). It's duplicate of that created by mistake.
We have implemented custom Component based Hover in TreeGrid and custom component is a VLayout with single member as HTMFLow. Refer Screenshot and full size image at URL. My problem is that when mouse is moved at bottom of screen Hover goes off the screen and does not adjust it's position to go above the row so that it is always shown.
Hover Normal - https://dl.dropboxusercontent.com/u/...ver-normal.png
Hover cutoff - https://dl.dropboxusercontent.com/u/...er-cut-off.png
it's happening with all Browsers and SmartClient (client side only) version is - Version v9.0p_2013-10-18/LGPL Deployment (2013-10-18)
`hoverAlign:"center", //have tried with other values too
//hoverVAlign:"top",
canHover: true,
showHover: true,
hoverWidth:150,
// allow hoverComponents
showHoverComponents: true,
// override the builtin getCellHoverComponent() method so we can return a component of our
// choosing - in this case, create a DetailViewer, populate it with the entire record from
// the server and return it for display
getCellHoverComponent : function (record, rowNum, colNum) {
if(showHoverCustom == false){
if(record !=null && record !='undefined')
return record.label +" - Right click for more options";
else
return "Right click for more options";
}
if(!isNullOrEmpty(record) && record.isFolder)
return record.label +" - Right click for more options";//record.label;
if(hoverLatestRecord!=null&&record.stationId!=hoverLatestRecord.station)
{
hoverLatestRecord=null;
fetchStationHoverData=true;
}
allAgentViewLoadSpeedTestDataForHover(record);
//wfslog("top of this row is "+this.getRowTop(rowNum));
var component = stationHoverWindow(record,hoverLatestRecord);//station-hover-windows.js
//component.top = this.getRowTop(rowNum);
this.cellHoverComponent = component;
return this.cellHoverComponent;
}
});`
stationHoverWindow function create a vlayout with HTMLFlow and htmlflow is just custom html to create above Hover.
Mahesh.
Please ignore this post and refer (http://forums.smartclient.com/forum/...off-the-screen). It's duplicate of that created by mistake.
We have implemented custom Component based Hover in TreeGrid and custom component is a VLayout with single member as HTMFLow. Refer Screenshot and full size image at URL. My problem is that when mouse is moved at bottom of screen Hover goes off the screen and does not adjust it's position to go above the row so that it is always shown.
Hover Normal - https://dl.dropboxusercontent.com/u/...ver-normal.png
Hover cutoff - https://dl.dropboxusercontent.com/u/...er-cut-off.png
it's happening with all Browsers and SmartClient (client side only) version is - Version v9.0p_2013-10-18/LGPL Deployment (2013-10-18)
`hoverAlign:"center", //have tried with other values too
//hoverVAlign:"top",
canHover: true,
showHover: true,
hoverWidth:150,
// allow hoverComponents
showHoverComponents: true,
// override the builtin getCellHoverComponent() method so we can return a component of our
// choosing - in this case, create a DetailViewer, populate it with the entire record from
// the server and return it for display
getCellHoverComponent : function (record, rowNum, colNum) {
if(showHoverCustom == false){
if(record !=null && record !='undefined')
return record.label +" - Right click for more options";
else
return "Right click for more options";
}
if(!isNullOrEmpty(record) && record.isFolder)
return record.label +" - Right click for more options";//record.label;
if(hoverLatestRecord!=null&&record.stationId!=hoverLatestRecord.station)
{
hoverLatestRecord=null;
fetchStationHoverData=true;
}
allAgentViewLoadSpeedTestDataForHover(record);
//wfslog("top of this row is "+this.getRowTop(rowNum));
var component = stationHoverWindow(record,hoverLatestRecord);//station-hover-windows.js
//component.top = this.getRowTop(rowNum);
this.cellHoverComponent = component;
return this.cellHoverComponent;
}
});`
stationHoverWindow function create a vlayout with HTMLFlow and htmlflow is just custom html to create above Hover.
Mahesh.