Intersoft Community - WebGrid Enterprise - WebGrid 9 Filter Display issue in Google Chrome

WebGrid 9 Filter Display issue in Google Chrome

leo.c — Thu, 12 Mar 2015 04:09:31 GMT

Hi Bruce,

Glad to hear that the snippet code helps.

Should you need further assistance or run into any problems regarding our controls, feel free to post it into our forum. We would be happy to assist you again.

Best Regards,
Leo

WebGrid 9 Filter Display issue in Google Chrome

bruce.a.neiman@accenture.com — Wed, 11 Mar 2015 14:59:34 GMT

Nevermind. I found that this works fine:

grd.LayoutSettings.ClientSideEvents.OnEnterEditMode = "EnterEditMode";

WebGrid 9 Filter Display issue in Google Chrome

bruce.a.neiman@accenture.com — Wed, 11 Mar 2015 12:44:01 GMT

Hi Leo,

This fix works great!

Another question - In order to implement this fix I will need to add the ClientSideEvents OnEnterEditMode attribute to around 70 different grids in my application. I really need a quick and easy fix for this. Is there a way to add ClientSideEvents using javascript/jquery? Something like the following?

$(document).ready(function () {     var grd = ISGetObject("MyWebGrid");
    if (grd) {
        grd.LayoutSettings.ClientSideEvents.Add("OnEnterEditMode", "EnterEditMode()");
    }
}

WebGrid 9 Filter Display issue in Google Chrome

leo.c — Wed, 11 Mar 2015 04:00:57 GMT

Hi Bruce,

Thanks for your information. It seem that google chrome have a unusuall way of handling an overflowed element (overflowed:scroll) inside a div with width:100%. To fix this, you could use the following workaround to get it working on google chrome:

Add the following javascript to your page:

function EnterEditMode(controlId, tblName, editObject)    {
        editObject.element.style.top = (editObject.cellElement.offsetTop + parseInt(editObject.cellElement.style.borderTopWidth)) + "px";
    }

Set WebGrid OnEnterEditMode client-side event to EnterEditMode

That should do it.

Best Regards,

Leo

WebGrid 9 Filter Display issue in Google Chrome

bruce.a.neiman@accenture.com — Tue, 10 Mar 2015 12:02:09 GMT

Hi Leo,

You can see the issue on Filtering.aspx if you add a bunch of line breaks on top of the WebGrid so that there are two scrollbars. See attached screenshot.

WebGrid 9 Filter Display issue in Google Chrome

leo.c — Tue, 10 Mar 2015 02:58:21 GMT

Hi Bruce,

I have tried to reproduce this issue by testing Filtering.aspx sample included in installation folder with the following environment:

Google Chrome Version 41.0.2272.76 m,
WebGrid Version 9.0.7200.1,
WebUI Framework version 3.0.5000.913.

Unfortunately, I could not replicate your issue. WebGrid filter was working as intended. I would appreciate it if you could provide me with a sample that I could use to replicate and observed this behaviour.

Best Regards,

Leo

WebGrid 9 Filter Display issue in Google Chrome

bruce.a.neiman@accenture.com — Mon, 09 Mar 2015 20:38:07 GMT

There appears to be an issue with WebGrid 9.0.7200.1 and Google Chrome. When clicking inside the filter textbox, you should see a cursor appear. This works fine in IE and Firefox, but in Chrome I don't always see the cursor appear when clicking inside the filter textbox. Sometimes the cursor displays and I can type filter text just fine. Other times (most of the time), after clicking inside the textbox the cell is highlighted, but nothing else seems to happen. At this point if I try to type something my screen jumps to very top of the page, and still no cursor appears inside the filter textbox. After typing something and clicking somewhere outside the textbox, the text I just entered magically appears in the filter textbox. It's very strange. This same thing happens with all WebGrid RenderingMode options, i.e. Quirks, XHMTL, and HTML5. Any suggestions?