Jump to content

Responsive Mobile Modal Form


neo4a

Recommended Posts

Trying to build a "generic" modal  form to substitute TUnimSelect. 

These are my problems to solve

  1. Adjusting form size and position after screen size changed (see my open topic here)
  2. Closing form by clicking in masked area (see my open ticket here)

Need some tips for a perfect responsive layout (floating TUnimContainerPanel) for targeting several device types.

Attached is a modified touch demo project to get the impression.

TIA.

 screencast.thumb.gif.1e419cb2bb3fad65e7be385649f08551.gif

demoModalForm.zip

Link to comment
Share on other sites

Hello,

1. Use Aligment in Client side, DON'T use aligment in server side !

2. Don't use the 'aligment' property (as classic vcl app.)

3. Don't use UnimFormScreenResize event, just waste of time

4. use Layouts to achieve responsive behavior

 

If you need further help, you may cointact me in skype or whatsapp.

Link to comment
Share on other sites

Thank you so much for your tips.

I would like to keep control over the modal window when the screen size changes (e.g. when changing the orientation or split view).

At the moment I'm already failing to readjust the modal window (top, left...) if it's already displayed. Can you please give me a hint (I'll probably have to resort to a Javascript call again).

TIA.

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...