Forum | Appery.io

Hi,

I have a panel component in my app which has buttons. When the user changes the screen orientation by turning the mobile on its side the panel is displayed and one of the buttons click events is invoked. The panel is normally displayed on the click event of a button, there are multiple panels on the page but it is always the same panel that is displayed, How do I prevent this happening?

Regards,
Joe

Hello! Working on it.

Could you please share your app with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a?

Hi Maryna, The panel is 'dialogpnl' on the joblist_pge thank you.

Could you clarify what device and version you use to test? Also how can I login to app?

user name: TESTER
Password: ABC123

Testing on HTC 4G LTE Software version 4.1.2

Tap the job in the list and then select 'update status' which will show the update panel which is causing the problem.

Thanks! We'll test, but it takes time usually. I'll update as soon as I have information.

Hello! Working on it.

Hi Joe! Sorry, but there is a lot of custom code and it's outside the scope of our support, but here is a little hint. In your HTML panels there is a lot JS code. Also in this code you've added some event handlers. Ones you open page second time all event handlers are triggered again and so on. So each event will trigger the code a few times (as many times as page was visited before). You can render all pages in one HTML file (you can enable it on App settings--General). But it might cause some problem with page refresh for example. It's better place code in JS asset, but it should be edited first (this should help http://api.jquery.com/on/ - see see Direct and delegated events)

Hi Maryna,

Thanks for your time and the information, I was able to stop the ghost event by placing the code into an asset.

Regards,
Joe