Using scroll bars

classic Classic list List threaded Threaded
4 messages Options
Reply | Threaded
Open this post in threaded view
|

Using scroll bars

chalbu
I am working with a simple application using the Desktop framework. The application UI container is constructed as follows: Root / Tabview / Page / Desktop / Window / ThemedIframe. 

I am tying to provide a scroll function at the Page or Desktop level that would allow users who are working from devices with lower resolution screens have the ability to scroll the desktop view so they can see any clipped portions of the Window widgets. Is this possible?

Any direction would be appreciated.

Thanks,
Chris

------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: Using scroll bars

John Spackman-3
If you want to have a scroll bars you need to use a qx.ui.container.Scroll – this is a special kind of container that has only one child widget and adds horizontal and/or vertical scrollbars.

One way would be to add the Scroll to your root and then put the tabview in the Scroll.

Alternatively if you just want the widgets of individual Pages to scroll (e.g. Perhaps only one Page needs a lot of space), you would put a Scroll in each Page and put the Page’s widgets inside another container, and add that container to the Scroll.  

John

From: Chris Bunn <[hidden email]>
Reply-To: qooxdoo Development <[hidden email]>
Date: Tuesday, 18 August 2015 18:05
To: qooxdoo Development <[hidden email]>
Subject: [qooxdoo-devel] Using scroll bars

I am working with a simple application using the Desktop framework. The application UI container is constructed as follows: Root / Tabview / Page / Desktop / Window / ThemedIframe. 

I am tying to provide a scroll function at the Page or Desktop level that would allow users who are working from devices with lower resolution screens have the ability to scroll the desktop view so they can see any clipped portions of the Window widgets. Is this possible?

Any direction would be appreciated.

Thanks,
Chris
------------------------------------------------------------------------------ _______________________________________________ qooxdoo-devel mailing list [hidden email] https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: Using scroll bars

chalbu
John,

Thanks for the advice. If I attached the scroll at the root level will I have to specify a size or will the scroll area take on the size of the browser window?

-Chris

On Tue, Aug 18, 2015 at 12:30 PM, John Spackman <[hidden email]> wrote:
If you want to have a scroll bars you need to use a qx.ui.container.Scroll – this is a special kind of container that has only one child widget and adds horizontal and/or vertical scrollbars.

One way would be to add the Scroll to your root and then put the tabview in the Scroll.

Alternatively if you just want the widgets of individual Pages to scroll (e.g. Perhaps only one Page needs a lot of space), you would put a Scroll in each Page and put the Page’s widgets inside another container, and add that container to the Scroll.  

John

From: Chris Bunn <[hidden email]>
Reply-To: qooxdoo Development <[hidden email]>
Date: Tuesday, 18 August 2015 18:05
To: qooxdoo Development <[hidden email]>
Subject: [qooxdoo-devel] Using scroll bars

I am working with a simple application using the Desktop framework. The application UI container is constructed as follows: Root / Tabview / Page / Desktop / Window / ThemedIframe. 

I am tying to provide a scroll function at the Page or Desktop level that would allow users who are working from devices with lower resolution screens have the ability to scroll the desktop view so they can see any clipped portions of the Window widgets. Is this possible?

Any direction would be appreciated.

Thanks,
Chris
------------------------------------------------------------------------------ _______________________________________________ qooxdoo-devel mailing list [hidden email] https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel



------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: Using scroll bars

John Spackman-3
Hi Chris

The Scroll never grows to the size of its parent unless you explicitly tell it to; your root uses a Canvas layout so if you want it to stretch you need to set all sides, e.g.:

      var doc = this.getRoot();

      doc.add(scroll, {left: 0, top: 0, right: 0, bottom: 0});


John

From: Chris Bunn <[hidden email]>
Reply-To: qooxdoo Development <[hidden email]>
Date: Tuesday, 18 August 2015 19:03
To: qooxdoo Development <[hidden email]>
Subject: Re: [qooxdoo-devel] Using scroll bars

John,

Thanks for the advice. If I attached the scroll at the root level will I have to specify a size or will the scroll area take on the size of the browser window?

-Chris

On Tue, Aug 18, 2015 at 12:30 PM, John Spackman <[hidden email]> wrote:
If you want to have a scroll bars you need to use a qx.ui.container.Scroll – this is a special kind of container that has only one child widget and adds horizontal and/or vertical scrollbars.

One way would be to add the Scroll to your root and then put the tabview in the Scroll.

Alternatively if you just want the widgets of individual Pages to scroll (e.g. Perhaps only one Page needs a lot of space), you would put a Scroll in each Page and put the Page’s widgets inside another container, and add that container to the Scroll.  

John

From: Chris Bunn <[hidden email]>
Reply-To: qooxdoo Development <[hidden email]>
Date: Tuesday, 18 August 2015 18:05
To: qooxdoo Development <[hidden email]>
Subject: [qooxdoo-devel] Using scroll bars

I am working with a simple application using the Desktop framework. The application UI container is constructed as follows: Root / Tabview / Page / Desktop / Window / ThemedIframe. 

I am tying to provide a scroll function at the Page or Desktop level that would allow users who are working from devices with lower resolution screens have the ability to scroll the desktop view so they can see any clipped portions of the Window widgets. Is this possible?

Any direction would be appreciated.

Thanks,
Chris
------------------------------------------------------------------------------ _______________________________________________ qooxdoo-devel mailing list [hidden email]https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel


------------------------------------------------------------------------------ _______________________________________________ qooxdoo-devel mailing list [hidden email] https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel