1.

What Is Framework7 Side Panels?

Answer»

The side panel MOVES to left or right side of the screen to display the CONTENT. Framework7 allows you to INCLUDE up to 2 panels (right side panel and left side panel) to your app. You need to add panels in the beginning of the <BODY> and then choose opening effect by APPLYING the below listed classes:

panel-reveal - This will moves out whole app's content.
panel-cover - This will make the panel to overlay on app's content.

For instance, the below code shows how to use above classes:

<body>
<!-- First add Panel's overlay which will overlays app while panel is opened -->
<div class="panel-overlay"></div>

<!-- Left panel -->
<div class="panel panel-left panel-cover">
panel's content
</div>

<!-- Right panel -->
<div class="panel panel-right panel-reveal">
panel's content
</div>
</body>

The side panel moves to left or right side of the screen to display the content. Framework7 allows you to include up to 2 panels (right side panel and left side panel) to your app. You need to add panels in the beginning of the <body> and then choose opening effect by applying the below listed classes:

panel-reveal - This will moves out whole app's content.
panel-cover - This will make the panel to overlay on app's content.

For instance, the below code shows how to use above classes:

<body>
<!-- First add Panel's overlay which will overlays app while panel is opened -->
<div class="panel-overlay"></div>

<!-- Left panel -->
<div class="panel panel-left panel-cover">
panel's content
</div>

<!-- Right panel -->
<div class="panel panel-right panel-reveal">
panel's content
</div>
</body>



Discussion

No Comment Found

Related InterviewSolutions