Software Archive
Read-only legacy content
17061 Discussions

Framework7 side panel can't close when tap on outside

Arthur_T_
New Contributor I
602 Views

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

0 Kudos
6 Replies
Elroy_A_Intel
Employee
602 Views

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.

0 Kudos
Brian_W_Intel
Employee
602 Views

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>
0 Kudos
Arthur_T_
New Contributor I
602 Views

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

0 Kudos
Chris_P_Intel
Employee
602 Views

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. 

 

0 Kudos
Arthur_T_
New Contributor I
602 Views

Understood, thanks Chris.

0 Kudos
Andrejs_V_
Beginner
602 Views

It is a little error in XDK

 

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

0 Kudos
Reply