NetTalk Central

Author Topic: Some fields are squashed - screenshots attached  (Read 4214 times)

Mike McLoughlin

  • Full Member
  • ***
  • Posts: 126
    • View Profile
    • Clarion Templates
    • Email
Some fields are squashed - screenshots attached
« on: November 06, 2018, 12:53:28 PM »
One of my customers is getting a strange effect where the first 3 fields on a form are squashed up but the rest are OK.  I can't get it to happen and no other customer is reporting it.

One screenshot shows the squashing and the other shows how it should be.  I can't see anything in the form CSS that would explain it.  C10 and NT10.36

Anyone else seen this?

Mike
Mike McLoughlin

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11183
    • View Profile
Re: Some fields are squashed - screenshots attached
« Reply #1 on: November 06, 2018, 10:58:20 PM »
what browser is the client using? (and what version?)


Mike McLoughlin

  • Full Member
  • ***
  • Posts: 126
    • View Profile
    • Clarion Templates
    • Email
Re: Some fields are squashed - screenshots attached
« Reply #2 on: November 07, 2018, 12:29:45 AM »
They are using Chrome - I'll check which version.  But I think Chrome auto-updates itself whenever there's a new version?
Mike McLoughlin

DonRidley

  • Don Ridley
  • Global Moderator
  • Hero Member
  • *****
  • Posts: 729
  • donaldridley2011@gmail.com
    • View Profile
    • Email
Re: Some fields are squashed - screenshots attached
« Reply #3 on: November 07, 2018, 02:57:10 AM »
Kind of sort of off topic but I had a very similar situation recently.  User claiming my NT web app just "wasn't working."  He listed off all the "things it wasn't doing."  Turns out he was using Internet Explorer.  Fired up Chrome and all was well.

In your case Mike, you know with reasonable certainty that the HTML, JS, and CSS should be good to go.

Maybe clear the browser's cache? I had to do that myself yesterday. (Thanks Bruce ;-) )

Try a different browser.  Firefox perhaps.
"Eliminate the impossible, whatever remains, however unlikely, must be the truth."

NetTalk 12.55
Clarion 11

Mike McLoughlin

  • Full Member
  • ***
  • Posts: 126
    • View Profile
    • Clarion Templates
    • Email
Re: Some fields are squashed - screenshots attached
« Reply #4 on: November 07, 2018, 03:43:09 AM »
Yes Don I agree it must be browser related - and it looks like it only happens with lookup fields.  The users involved are extremely non-computer-literate -she wasn't sure about the name of the browser she uses - she just said "it's the Google one" :)
Mike McLoughlin

DonRidley

  • Don Ridley
  • Global Moderator
  • Hero Member
  • *****
  • Posts: 729
  • donaldridley2011@gmail.com
    • View Profile
    • Email
Re: Some fields are squashed - screenshots attached
« Reply #5 on: November 07, 2018, 03:51:27 AM »
extremely non-computer-literate

LOL!  I deal with the same people.  I told one guy a few weeks ago, "It's not like the Windows based PC was invented last week."   ::)
"Eliminate the impossible, whatever remains, however unlikely, must be the truth."

NetTalk 12.55
Clarion 11

Mike McLoughlin

  • Full Member
  • ***
  • Posts: 126
    • View Profile
    • Clarion Templates
    • Email
Re: Some fields are squashed - screenshots attached
« Reply #6 on: November 07, 2018, 07:13:57 AM »
what browser is the client using? (and what version?)

It's Chrome version 70.0.3538.77 - looks like the issue is limited to picklist fields.
Mike McLoughlin

Mike McLoughlin

  • Full Member
  • ***
  • Posts: 126
    • View Profile
    • Clarion Templates
    • Email
Re: Some fields are squashed - screenshots attached
« Reply #7 on: November 07, 2018, 11:10:52 AM »
I think I have a solution - I used my custom.css to modify .nt-lookup with min-width: 12em;

I should hear back from the user tomorrow if its fixed it.

Mike
Mike McLoughlin

Mike McLoughlin

  • Full Member
  • ***
  • Posts: 126
    • View Profile
    • Clarion Templates
    • Email
Re: Some fields are squashed - screenshots attached
« Reply #8 on: November 08, 2018, 04:47:09 AM »
I think I have a solution - I used my custom.css to modify .nt-lookup with min-width: 12em;


Customer tells me that fixed the problem :)
Mike McLoughlin