Dialog with position: fixed

[sparkpool]

I have a list of records that may be taller than the screen by a lot.
I'm using Dialog to show a non-modal edit form when the user clicks
Edit links in the list.

The problems are that a) if the list is tall and the user is scrolled
down the page when they open it, it opens at the top of the screen,
out of sight, and b) if it's open and they scroll the list, the dlog
scrolls up out of sight too.

I've tried setting position:top in Dialog options, and that does get
it to open at the top of the visible part of the window,  solving (a),
but it still scrolls out of sight as in (b).

I also tried setting position:fixed in the dlg's css, which fixes (b),
but the further down the user is scrolled when the dlg opens, the
further down the dlg opens initially. If you're scrolled far enough,
it doesn't appear, or more likely, appears in some alternate dimension
where I can't see it, no matter where I scroll.

Doing both of the above together acts like the css-only solution.

Is there any way to cause the dlg to stay in a fixed position (has to
be css position:fixed I think), but still have it open in a useful
place on the screen when not scrolled to the top?

Thanks,
s
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

[sparkpool]

Anyone have any ideas on this one?

On Jul 19, 11:03 am, sparkpool <sparkp...@...> wrote:

> I have a list of records that may be taller than the screen by a lot.
> I'm using Dialog to show a non-modal edit form when the user clicks
> Edit links in the list.
>
> The problems are that a) if the list is tall and the user is scrolled
> down the page when they open it, it opens at the top of the screen,
> out of sight, and b) if it's open and they scroll the list, the dlog
> scrolls up out of sight too.
>
> I've tried setting position:top in Dialog options, and that does get
> it to open at the top of the visible part of the window,  solving (a),
> but it still scrolls out of sight as in (b).
>
> I also tried setting position:fixed in the dlg's css, which fixes (b),
> but the further down the user is scrolled when the dlg opens, the
> further down the dlg opens initially. If you're scrolled far enough,
> it doesn't appear, or more likely, appears in some alternate dimension
> where I can't see it, no matter where I scroll.
>
> Doing both of the above together acts like the css-only solution.
>
> Is there any way to cause the dlg to stay in a fixed position (has to
> be css position:fixed I think), but still have it open in a useful
> place on the screen when not scrolled to the top?
>
> Thanks,
> s

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

[Scott González]

There's currently a ticket for this ( http://ui.jquery.com/bugs/ticket/2848
), but I'm not sure how soon we will add support for fixed position
dialogs.

On Jul 21, 11:40 am, sparkpool <sparkp...@...> wrote:

> Anyone have any ideas on this one?
>
> On Jul 19, 11:03 am, sparkpool <sparkp...@...> wrote:
>
> > I have a list of records that may be taller than the screen by a lot.
> > I'm using Dialog to show a non-modal edit form when the user clicks
> > Edit links in the list.
>
> > The problems are that a) if the list is tall and the user is scrolled
> > down the page when they open it, it opens at the top of the screen,
> > out of sight, and b) if it's open and they scroll the list, the dlog
> > scrolls up out of sight too.
>
> > I've tried setting position:top in Dialog options, and that does get
> > it to open at the top of the visible part of the window,  solving (a),
> > but it still scrolls out of sight as in (b).
>
> > I also tried setting position:fixed in the dlg's css, which fixes (b),
> > but the further down the user is scrolled when the dlg opens, the
> > further down the dlg opens initially. If you're scrolled far enough,
> > it doesn't appear, or more likely, appears in some alternate dimension
> > where I can't see it, no matter where I scroll.
>
> > Doing both of the above together acts like the css-only solution.
>
> > Is there any way to cause the dlg to stay in a fixed position (has to
> > be css position:fixed I think), but still have it open in a useful
> > place on the screen when not scrolled to the top?
>
> > Thanks,
> > s

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

[sparkpool]

Thanks for the info, that functionality is exactly what I'm looking
for. Is there a way to "vote" for needed features?

If I have time (hah), I'll look into it myself.

Thanks again,
s

On Jul 21, 2:21 pm, Scott González <scott.gonza...@...> wrote:

> There's currently a ticket for this (http://ui.jquery.com/bugs/ticket/2848
> ), but I'm not sure how soon we will add support for fixed position
> dialogs.
>
> On Jul 21, 11:40 am, sparkpool <sparkp...@...> wrote:
>
> > Anyone have any ideas on this one?
>
> > On Jul 19, 11:03 am, sparkpool <sparkp...@...> wrote:
>
> > > I have a list of records that may be taller than the screen by a lot.
> > > I'm using Dialog to show a non-modal edit form when the user clicks
> > > Edit links in the list.
>
> > > The problems are that a) if the list is tall and the user is scrolled
> > > down the page when they open it, it opens at the top of the screen,
> > > out of sight, and b) if it's open and they scroll the list, the dlog
> > > scrolls up out of sight too.
>
> > > I've tried setting position:top in Dialog options, and that does get
> > > it to open at the top of the visible part of the window,  solving (a),
> > > but it still scrolls out of sight as in (b).
>
> > > I also tried setting position:fixed in the dlg's css, which fixes (b),
> > > but the further down the user is scrolled when the dlg opens, the
> > > further down the dlg opens initially. If you're scrolled far enough,
> > > it doesn't appear, or more likely, appears in some alternate dimension
> > > where I can't see it, no matter where I scroll.
>
> > > Doing both of the above together acts like the css-only solution.
>
> > > Is there any way to cause the dlg to stay in a fixed position (has to
> > > be css position:fixed I think), but still have it open in a useful
> > > place on the screen when not scrolled to the top?
>
> > > Thanks,
> > > s

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---