#1 2016-10-27 04:49:14

reg4app
Member
Registered: 2016-05-16
Posts: 147

How to have a vertical scrollbar in certain app place

just like below img:
jy_1.png


Joshua.Y

Offline

#2 2016-10-27 08:14:26

David
Admin
From: Alcobendas, Madrid, Spain
Registered: 2015-04-21
Posts: 1,661
Website

Re: How to have a vertical scrollbar in certain app place

Hello Joshua,

Probably the solution is a Container control? A Container, an HTML or IFrame controls can "scroll" Joshua. Please take a look at the "InputsScroll" app sample.

Online

#3 2016-10-27 09:49:56

reg4app
Member
Registered: 2016-05-16
Posts: 147

Re: How to have a vertical scrollbar in certain app place

Container seems a solution,but at design time,I can not put too many input controls (or other controls) in  the contain,They are limit to the  Container size


Joshua.Y

Offline

#4 2016-10-27 09:53:44

David
Admin
From: Alcobendas, Madrid, Spain
Registered: 2015-04-21
Posts: 1,661
Website

Re: How to have a vertical scrollbar in certain app place

Hello Joshua,

reg4app wrote:

Container seems a solution,but at design time,I can not put too many input controls (or other controls) in  the contain,They are limit to the  Container size

What if you resize the Container (to be larger), place the controls, and then resize it again to an smaller size? However, I am not sure if this solution can work in runtime for "scaled" apps. Maybe you must to consider another possible approach for your objective Joshua. I say if finally the Container usage results not as you wanted.

P.S. For example, a simple button can open an entire view plenty of controls...

Online

#5 2016-10-27 10:55:21

reg4app
Member
Registered: 2016-05-16
Posts: 147

Re: How to have a vertical scrollbar in certain app place

I use your 'resize container' way to put all the other controls

Set the two HtmlContent OverflowY :scroll
and a contain with OverflowY :auto

Seems can work!


Joshua.Y

Offline

#6 2016-10-27 10:56:44

David
Admin
From: Alcobendas, Madrid, Spain
Registered: 2015-04-21
Posts: 1,661
Website

Re: How to have a vertical scrollbar in certain app place

Hello Joshua,

Glad to know you got it. Certainly the Container, HTML and IFrame are "scrollables" controls.

Online

#7 2016-10-28 06:44:41

reg4app
Member
Registered: 2016-05-16
Posts: 147

Re: How to have a vertical scrollbar in certain app place

jy_2.jpg
How can I get rid of the 'Blank area'!?

There are two HtmlContents with OverflowY :scroll

a Container with many other controls in it! OverflowY :auto


Joshua.Y

Offline

#8 2016-10-28 07:13:22

David
Admin
From: Alcobendas, Madrid, Spain
Registered: 2015-04-21
Posts: 1,661
Website

Re: How to have a vertical scrollbar in certain app place

Hello Joshua,

Maybe you need to use the "GetStyle" and "SetStyle" actions in the app Resize event or something like that? So a little of code in order to repositioning (top, left) the controls to avoid the gap. I am not quite sure if we can use a bit of CSS too... please, try it and tell me about Joshua.

Online

#9 2016-10-28 07:34:56

reg4app
Member
Registered: 2016-05-16
Posts: 147

Re: How to have a vertical scrollbar in certain app place

How do I write code in App Resize event....?
I can not find where the Resize event is


Joshua.Y

Offline

#10 2016-10-28 07:38:59

David
Admin
From: Alcobendas, Madrid, Spain
Registered: 2015-04-21
Posts: 1,661
Website

Re: How to have a vertical scrollbar in certain app place

Hello Joshua,

Yes; please, double click in any app's designer... outside any control and outside the app's view itself. Then you access the app's events, one of them the "Resize" event. I talk about this event, but maybe you can simply call an app's function from this event, then you can also reuse that (repositioning controls) function from other places too, for example, when the app starts (app's Ready event or app's view Show event).

Online

#11 2016-10-28 10:18:26

reg4app
Member
Registered: 2016-05-16
Posts: 147

Re: How to have a vertical scrollbar in certain app place

After calculating the HtmlContent and Container 's height with the help of 'App.OuterHeight',
and set some CSS 'top','height' in show event
It's done in browser for now!the Resize event will be useful in phone and pad's browser,I will check this later

Thanks David


Joshua.Y

Offline

#12 2016-10-28 10:20:09

reg4app
Member
Registered: 2016-05-16
Posts: 147

Re: How to have a vertical scrollbar in certain app place

by the way ,will the rotating browser trigger the Resize Event??


Joshua.Y

Offline

#13 2016-10-28 10:20:51

David
Admin
From: Alcobendas, Madrid, Spain
Registered: 2015-04-21
Posts: 1,661
Website

Re: How to have a vertical scrollbar in certain app place

Hello Joshua,

Remember the app's Ready and app's views' Show events maybe are candidated to be used too. Anyway tell me if you have any problem or some unexpected behaviour Joshua.

by the way ,will the rotating browser trigger the Resize Event??

I think so... but anyway we have the app's Orientation event too.

Online

Board footer

Powered by FluxBB


Copyright ©2018 DecSoft. All rights reserved.