Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    TreeGrid Hover Component location

    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.
    Attached Files
    Last edited by argopm; 11 Feb 2017, 19:37. Reason: added it's duplicate post
Working...
X