How to have a vertical scrollbar in certain app place


Yang Ghua

just like below img:
[img=jy_1.png]https://www.decsoftutils.com/_support/uploads/880d622d4231eb15044426c30fcaa950.png[/img]


DecSoft

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.



Yang Ghua

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


DecSoft

Hello Joshua,

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...



Yang Ghua

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!


DecSoft

Hello Joshua,

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



Yang Ghua

[img=jy_2.jpg]https://www.decsoftutils.com/_support/uploads/3a0b5543db78051641a8df6bf576d110.jpg[/img]
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


DecSoft

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.



Yang Ghua

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


DecSoft

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).



Yang Ghua

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


Yang Ghua

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


DecSoft

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.


Everybody can read the DecSoft support forum for learning purposes, however only DecSoft customers can post new threads. Purchase one or more licenses of some DecSoft products in order to give this and other benefits.

This website uses some useful cookies to store your preferences.

I agree. Hide this note. Give me more information.