V8.1:Query grid column width not adjustable in Chrome

If you think that something doesn't work in Aware IM post your message here
Post Reply
softserv
Posts: 93
Joined: Mon Aug 01, 2016 12:52 am
Location: Jaipur, India
Contact:

V8.1:Query grid column width not adjustable in Chrome

Post by softserv »

Hi support team,

We are on V8.1 Build 2459 and seeing a strange behavior in Chrome browser with query grid column width not being adjustable when browser's zoom level is not 100%. In other words, the width adjusting icon <-||-> does not appear when Chrome browser is not at 100% zoom. This issue is specific to Chrome. Mozilla FF does not have this issue.

Has anyone else experienced this problem in Chrome?
Team SoftServ

V8.3 2628 |V8.2 2574 |V8.1 2475 | V8.0 2372 | V7.1 2240 | V6.0 2042 | V5.9 1894
MS SQL Server | MySQL
AWS | Azure | Google Cloud

Image
SoftServ - AwareIM
Jaymer
Posts: 2430
Joined: Tue Jan 13, 2015 10:58 am
Location: Tampa, FL
Contact:

Re: V8.1:Query grid column width not adjustable in Chrome

Post by Jaymer »

WOW
you are correct.
Click Here to see a collection of my tips & hacks on this forum. Or search for "JaymerTip" in the search bar at the top.

Jaymer
Aware Programming & Consulting - Tampa FL
customaware
Posts: 2391
Joined: Mon Jul 02, 2012 12:24 am
Location: Ulaanbaatar, Mongolia

Re: V8.1:Query grid column width not adjustable in Chrome

Post by customaware »

Mine is OK. 2464.
Cheers,
Mark
_________________
AwareIM 6.0, 8.7, 8.8, 9.0 , MariaDB, Windows 10, Ubuntu Linux. Theme: Default, Browser: Arc
Upcloud, Obsidian....
Image
aware_support
Posts: 7523
Joined: Sun Apr 24, 2005 12:36 am
Contact:

Re: V8.1:Query grid column width not adjustable in Chrome

Post by aware_support »

This happens when the "Zoom" property of the browser is set to less than 100%. Change it back to 100% and it will be OK
Aware IM Support Team
softserv
Posts: 93
Joined: Mon Aug 01, 2016 12:52 am
Location: Jaipur, India
Contact:

Re: V8.1:Query grid column width not adjustable in Chrome

Post by softserv »

Hi Aware support,

It also happens when zoom is more than 100%. The point is not to go back to 100% zoom, but to fix it as there are numerous users in the application who prefer to work at 90% or less or maybe at 110%. As mentioned earlier, this is happening with Chrome and not FF. Users are concerned about it.
Team SoftServ

V8.3 2628 |V8.2 2574 |V8.1 2475 | V8.0 2372 | V7.1 2240 | V6.0 2042 | V5.9 1894
MS SQL Server | MySQL
AWS | Azure | Google Cloud

Image
SoftServ - AwareIM
rocketman
Posts: 1239
Joined: Fri Jan 02, 2009 11:22 pm
Location: Preston UK
Contact:

Re: V8.1:Query grid column width not adjustable in Chrome

Post by rocketman »

See my previous post https://www.awareim.com/forum/viewtopic ... 799#p47799

Somebody else found the problem and maybe found a fix> (follow the link to https://www.telerik.com/forums/column-r ... hrome-(61)

.... and I agree, it should work at all zoom levels, but that's maybe an issue that only google can fix?? - not an expert in these matters, but if AwareIM can come up with a workaround that would be great
Rocketman

V8.7 Developer Edition. Server 2016 Standard edition. MySql 5.5
johntalbott
Posts: 619
Joined: Wed Jun 17, 2015 11:16 pm
Location: Omaha, Nebraska
Contact:

Re: V8.1:Query grid column width not adjustable in Chrome

Post by johntalbott »

In addition to browser zooming this also happens if Windows scaling is not set to 100% on the computer. For example Windows recommends 250% scaling for my laptop so it never works regardless of the zoom level in Chrome.

I'm not sure of when the fix was made, but Kendo UI R2 2018 SP1 (the most recent version) works as expected.

For the Kendo UI version being used by AIM, this workaround does seem to do the trick.

https://docs.telerik.com/kendo-ui/knowl ... -in-chrome

The code below only needs to run one time in your app. Meaning once it runs the fix will be applied to all grids. It should run prior to displaying the first grid.

To make sure that happens, you might want to run it when the first VP loads. One way to do that would be to put it in a "menu" script, such as VP > Left > Menu > Init Script

Code: Select all

        kendo.ui.Grid.prototype._positionColumnResizeHandle= function() {
          var that = this,
              indicatorWidth = that.options.columnResizeHandleWidth,
              lockedHead = that.lockedHeader ? that.lockedHeader.find("thead:first") : $();

          that.thead.add(lockedHead).on("mousemove" + ".kendoGrid", "th", function (e) {
            var th = $(this);
            if (th.hasClass("k-group-cell") || th.hasClass("k-hierarchy-cell")) {
              return;
            }
            that._createResizeHandle(th.closest("div"), th);
          });
        };
VocalDay Solutions - Agility - Predictability - Quality

We specialize in enabling business through the innovative use of technology.

AwareIM app with beautiful UI/UX - https://screencast-o-matic.com/watch/crfUrrVeB3t
softserv
Posts: 93
Joined: Mon Aug 01, 2016 12:52 am
Location: Jaipur, India
Contact:

Re: V8.1:Query grid column width not adjustable in Chrome

Post by softserv »

Thanks a lot John & Rocketman. It worked. Actually we were adding the code (mentioned in telerik url) in Render Script instead of Init Script :-)
Team SoftServ

V8.3 2628 |V8.2 2574 |V8.1 2475 | V8.0 2372 | V7.1 2240 | V6.0 2042 | V5.9 1894
MS SQL Server | MySQL
AWS | Azure | Google Cloud

Image
SoftServ - AwareIM
aware_support
Posts: 7523
Joined: Sun Apr 24, 2005 12:36 am
Contact:

Re: V8.1:Query grid column width not adjustable in Chrome

Post by aware_support »

This should be fixed in build 2466. The Telerik's fix is now part of Aware IM
Aware IM Support Team
Post Reply