topic If you add the following as a in Software Archive

Framework7 side panel can't close when tap on outside

Arthur_T_ — Thu, 05 May 2016 07:45:02 GMT

Step to repeat:

- create a new project as Standard HTML5 application using App Designer and Framework7

- create 2 buttons, 1 left sidebar by drag the control on the page

- 1 button will open left sidebar, 1 button will prompt an alert

After I build the app and deploy to iPhone, it can open the left sidebar by click on the button. But can't default close it when tap outside the sidebar. Instead, it handle my tap on button script too so the alert prompt when I tap on the button. No different for

var myApp = new Framework7({
panelsCloseByOutside: true
});

Anything wrong?

P.S. I'm using Intel XDK ver3240 run on iMac OSX El Capitan. iPhone 6s

This seems to be an issue in

Elroy_A_Intel — Thu, 05 May 2016 19:55:41 GMT

This seems to be an issue in regards to the functionality of the framework and the App Designer tool. I have escalated this issue to the App Designer engineering team.

If you add the following as a

Brian_W_Intel — Thu, 05 May 2016 20:54:27 GMT

If you add the following as a direct child of the body tag, you should achieve the functionality you want:

<div class="panel-overlay"></div>

Thanks Brian, it works. So it

Arthur_T_ — Fri, 06 May 2016 01:09:12 GMT

Thanks Brian, it works. So it is XDK issue as missing that code.

We have a feature planned for

Chris_P_Intel — Fri, 06 May 2016 22:22:14 GMT

We have a feature planned for the future so that users of F7 can elect the overlay or not. Presently, it is not included and users must add it manually.

Understood, thanks Chris.

Arthur_T_ — Sat, 07 May 2016 01:11:59 GMT

Understood, thanks Chris.

It is a little error in XDK

Andrejs_V_ — Mon, 23 May 2016 14:13:00 GMT

It is a little error in XDK

for F7 You should add class "close-panel" for closing panel element , example - button on slide panel