Jump to content

Scrolling with Components inside Panel Alpha vs Old RTL


Recommended Posts

Hi, i've run a test program under each RTL with chrome mobile dev tools(Ctrl-Shift-I) and it seems tw3buttons under the new alpha ignore the scrolling functionality of a panel they belong too.

 

Examples

 

Old RTL:

http://numberworksnwords.com/cloud/testold/index.html

 

New RTL:

http://numberworksnwords.com/cloud/testnew/index.html

 

The program is identical just compiled in the two different IDE's, i'm using:

scrollpanel.handle.style.setProperty('overflow-y','auto');
to enable scrolling for the panel.

 

Any info would be greatly appreciated.

(PS. if toggle button is stuck press it twice)

Link to post
Share on other sites

> Hi, i've run a test program under each RTL with chrome mobile dev

> tools(Ctrl-Shift-I) and it seems tw3buttons under the new alpha

> ignore the scrolling functionality of a panel they belong too.

 

What do you mean, I've tried both links and aside styling differences I don't see anything else, scrolling behaves the same (latest Chrome).

Link to post
Share on other sites

Sorry for not making myself clear enough, but cheers for the responses. This is only apparent if you use the mobile dev tools(Ctrl-Shift-I in chrome), hopefully this shows it more clearly:

 

Old:

https://puu.sh/xCYOq/2b69783e89.gif

 

New:

https://puu.sh/xCYRq/03b28393b0.gif

 

The buttons can be "dragged and moved" like the other components in the first gif but not the second.

Link to post
Share on other sites

I suspected that, however i've already used this (old) method extensively in my project.

 

Are there any ScrollControl demo projects i can take a look at to figure out how to implement it?

 

Thanks

 

EDIT: found the "Tabs and Scrolling and ListBox Project, having a look now.

 

EDIT2:

 

New test demo using ScrlControl/ScrlBox : http://numberworksnwords.com/cloud/testscrollbox/index.html

 

worth noting as well that i am creating all components by assigning them to "ScrBox.Content".

 

Some of these features may or may not be intended, just looking to get clarification for the best way to move forward as a set of scrollable buttons is pretty important for my project and there seems to be an inconsistency in behaviours with buttons and the other components.

Link to post
Share on other sites
  • Administrators

Thanks for a great example. To be able to test this better with mobile devices, could you do this:

 

- Add a TW3Label to the top left corner of the form and resize it to full width.

- Add SmartCL.Application and SmartCL.Debug to your uses clause

- Set Application.OnDebugPrint:=procedure(Sender: TObject; Value: Variant)

begin

YourDebugLabel.Caption:=Value+' / '+YourDebugLabel.Caption;

end;

- Change those WriteLn to Application.DebugPrint('Your message');

 

This way we'll be able to see those messages on normal mobile devices.

 

That all being said, I have a hunch I know where the problem with the button is. I'll see if I can fix that in the EventManager.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...