FoxInCloud
Form Top Clipped
Gravatar is a globally recognized avatar based on your email address. Form Top Clipped
  n/a
  All
  Apr 24, 2015 @ 02:29am
Hi,

Small thing, just noticed - let me set the situation:
Tall form - about 700px
Autocenter = .T.
Browser window open at say 500 px, or a value less that the form.
Start tall form.

Form will appear centered, but there will be no room to move the scroll bar up to see the top of the form. Firebug lists the HTML as:

<div id="Window_history_scx" class="dialog" style="left: 167px; top: -126.5px; width: 808px; height: 733px; z-index: 14;">

Note the top at -126.5px, which confirms the problem. I am certain I could set Autocenter to .F. and use Top and Left or even viewPortHeight/Width to counter this, but I think this is not the behavior you desire for a standard VFP default form.

I just noticed this, not sure if it is new. I only noticed it by accident while seeing how the forms might look in landscape on a small tablet.

Thanks - James

Gravatar is a globally recognized avatar based on your email address. Re: Form Top Clipped
  FoxInCloud Support - Thierry N.
  James Patterson
  Apr 24, 2015 @ 03:09am
do you mean top should always be >0, even if .AutoCenter and .Height > .ViewPortHeight ?


Hi,

Small thing, just noticed - let me set the situation:
Tall form - about 700px
Autocenter = .T.
Browser window open at say 500 px, or a value less that the form.
Start tall form.

Form will appear centered, but there will be no room to move the scroll bar up to see the top of the form. Firebug lists the HTML as:

<div id="Window_history_scx" class="dialog" style="left: 167px; top: -126.5px; width: 808px; height: 733px; z-index: 14;">

Note the top at -126.5px, which confirms the problem. I am certain I could set Autocenter to .F. and use Top and Left or even viewPortHeight/Width to counter this, but I think this is not the behavior you desire for a standard VFP default form.

I just noticed this, not sure if it is new. I only noticed it by accident while seeing how the forms might look in landscape on a small tablet.

Thanks - James

Gravatar is a globally recognized avatar based on your email address. Re: Form Top Clipped
  n/a
  Thierry Nivelet (FoxInCloud)
  Apr 24, 2015 @ 03:28am
Perhaps, perhaps not. I am not familiar enough with web browsers to answer definitively. All I know is that it is not possible to scroll-up to see the top of the form, scrolling is not a problem as I think users would expect this for a large form. I am assuming that a top < 0 will be outside the scrolling range of the browser and might be used for hidden buttons, if they still use those...it's been years! I also understand that the current values are probably allowing the form to indeed be displayed in a centered fashion. Just seems to be counterintuitive from a user's standpoint.

- James


do you mean top should always be >0, even if .AutoCenter and .Height > .ViewPortHeight ?


Hi,

Small thing, just noticed - let me set the situation:
Tall form - about 700px
Autocenter = .T.
Browser window open at say 500 px, or a value less that the form.
Start tall form.

Form will appear centered, but there will be no room to move the scroll bar up to see the top of the form. Firebug lists the HTML as:

<div id="Window_history_scx" class="dialog" style="left: 167px; top: -126.5px; width: 808px; height: 733px; z-index: 14;">

Note the top at -126.5px, which confirms the problem. I am certain I could set Autocenter to .F. and use Top and Left or even viewPortHeight/Width to counter this, but I think this is not the behavior you desire for a standard VFP default form.

I just noticed this, not sure if it is new. I only noticed it by accident while seeing how the forms might look in landscape on a small tablet.

Thanks - James



Gravatar is a globally recognized avatar based on your email address. Re: Form Top Clipped
  Tuvia Vinitsky
  James Patterson
  Apr 24, 2015 @ 08:24am
That is correct behavior. Autocenter simply calculates literally where to center the form.

If we need mimimum size forms we check the user's browser window size first. Otherwise you should not autocenter forms if they will exceed the viewport.


Hi,

Small thing, just noticed - let me set the situation:
Tall form - about 700px
Autocenter = .T.
Browser window open at say 500 px, or a value less that the form.
Start tall form.

Form will appear centered, but there will be no room to move the scroll bar up to see the top of the form. Firebug lists the HTML as:

<div id="Window_history_scx" class="dialog" style="left: 167px; top: -126.5px; width: 808px; height: 733px; z-index: 14;">

Note the top at -126.5px, which confirms the problem. I am certain I could set Autocenter to .F. and use Top and Left or even viewPortHeight/Width to counter this, but I think this is not the behavior you desire for a standard VFP default form.

I just noticed this, not sure if it is new. I only noticed it by accident while seeing how the forms might look in landscape on a small tablet.

Thanks - James

Gravatar is a globally recognized avatar based on your email address. Re: Form Top Clipped
  n/a
  Tuvia Vinitsky
  Apr 27, 2015 @ 01:24am
Ok, so it is safe to assume that you can't really force the browser to scroll to the center - you have to center it yourself. Not really a problem, coded around it when I first found it, just wondered if I had missed something simple or obvious. By the way, wViewPortxxx are somewhat recent, what did you use earlier? Kind of interested about browser info and how to get it.

-James


That is correct behavior. Autocenter simply calculates literally where to center the form.

If we need mimimum size forms we check the user's browser window size first. Otherwise you should not autocenter forms if they will exceed the viewport.


Hi,

Small thing, just noticed - let me set the situation:
Tall form - about 700px
Autocenter = .T.
Browser window open at say 500 px, or a value less that the form.
Start tall form.

Form will appear centered, but there will be no room to move the scroll bar up to see the top of the form. Firebug lists the HTML as:

<div id="Window_history_scx" class="dialog" style="left: 167px; top: -126.5px; width: 808px; height: 733px; z-index: 14;">

Note the top at -126.5px, which confirms the problem. I am certain I could set Autocenter to .F. and use Top and Left or even viewPortHeight/Width to counter this, but I think this is not the behavior you desire for a standard VFP default form.

I just noticed this, not sure if it is new. I only noticed it by accident while seeing how the forms might look in landscape on a small tablet.

Thanks - James



Gravatar is a globally recognized avatar based on your email address. Re: Form Top Clipped
  n/a
  James Patterson
  Apr 27, 2015 @ 10:21am
I did find a problem. No matter what I did, the top was still being clipped (no access via scrollbars). Installed beta6 and problem solved! Maybe the scripts were out of sync and the new install got the Scripts file back where it needed to be...

Thanks for the help - James


Ok, so it is safe to assume that you can't really force the browser to scroll to the center - you have to center it yourself. Not really a problem, coded around it when I first found it, just wondered if I had missed something simple or obvious. By the way, wViewPortxxx are somewhat recent, what did you use earlier? Kind of interested about browser info and how to get it.

-James


That is correct behavior. Autocenter simply calculates literally where to center the form.

If we need mimimum size forms we check the user's browser window size first. Otherwise you should not autocenter forms if they will exceed the viewport.


Hi,

Small thing, just noticed - let me set the situation:
Tall form - about 700px
Autocenter = .T.
Browser window open at say 500 px, or a value less that the form.
Start tall form.

Form will appear centered, but there will be no room to move the scroll bar up to see the top of the form. Firebug lists the HTML as:

<div id="Window_history_scx" class="dialog" style="left: 167px; top: -126.5px; width: 808px; height: 733px; z-index: 14;">

Note the top at -126.5px, which confirms the problem. I am certain I could set Autocenter to .F. and use Top and Left or even viewPortHeight/Width to counter this, but I think this is not the behavior you desire for a standard VFP default form.

I just noticed this, not sure if it is new. I only noticed it by accident while seeing how the forms might look in landscape on a small tablet.

Thanks - James


Gravatar is a globally recognized avatar based on your email address. Re: Form Top Clipped
  FoxInCloud Support - Thierry N.
  James Patterson
  Apr 27, 2015 @ 10:13pm
probably this this entry in http://foxincloud.com/roadmap.php:

12/30/14
Fix
FoxInCloud.js
"Modal child form no longer center in page if larger than browser viewport.Form sits in the top left corner of viewport."


I did find a problem. No matter what I did, the top was still being clipped (no access via scrollbars). Installed beta6 and problem solved! Maybe the scripts were out of sync and the new install got the Scripts file back where it needed to be...

Thanks for the help - James


Ok, so it is safe to assume that you can't really force the browser to scroll to the center - you have to center it yourself. Not really a problem, coded around it when I first found it, just wondered if I had missed something simple or obvious. By the way, wViewPortxxx are somewhat recent, what did you use earlier? Kind of interested about browser info and how to get it.

-James


That is correct behavior. Autocenter simply calculates literally where to center the form.

If we need mimimum size forms we check the user's browser window size first. Otherwise you should not autocenter forms if they will exceed the viewport.


Hi,

Small thing, just noticed - let me set the situation:
Tall form - about 700px
Autocenter = .T.
Browser window open at say 500 px, or a value less that the form.
Start tall form.

Form will appear centered, but there will be no room to move the scroll bar up to see the top of the form. Firebug lists the HTML as:

<div id="Window_history_scx" class="dialog" style="left: 167px; top: -126.5px; width: 808px; height: 733px; z-index: 14;">

Note the top at -126.5px, which confirms the problem. I am certain I could set Autocenter to .F. and use Top and Left or even viewPortHeight/Width to counter this, but I think this is not the behavior you desire for a standard VFP default form.

I just noticed this, not sure if it is new. I only noticed it by accident while seeing how the forms might look in landscape on a small tablet.

Thanks - James




-- thn (FoxInCloud)

© 1996-2024