Swipe out the navbar - Possible?


#1

Hello,

I would like to know if there is a way to swipe out the navbar in framework 7 2.

I tried this but it squashes the whole navbar

<li class="swipeout">
<div class="panel panel-left panel-cover">
  <div class="view">
    <div class="page">
      <div class="navbar md bg-indigo">
        <div class="navbar-inner">
          <div class="title"></div>
        </div>
      </div>
      <div class="page-content">
        <div class="block">
          <a href="/createreport/" class="col button button-big button-raised button-fill button-green">Create Report</a>
          <br>
          <a href="/viewreports/" class="col button button-big button-raised button-fill button-green">View Reports</a>
          <br>
          <a href="/login/" class="col button button-big button-raised button-fill button-green">Login</a>
          <br>
          <a href="/register/" class="col button button-big button-raised button-fill button-green">Register</a>
          <br>
          <a href="/contact/" class="col button button-big button-raised button-fill button-green">Contact</a>


        </div>
      </div>
    </div>
  </div>
</div>

#2

If you are trying to close panel with swipe then there is panel parameter for that. As for navbar- not possible


#3

Yes my apology, I meant “panel” left side panel, I cannot find the parameter for it in the v2.


#4

http://framework7.io/docs/panel.html#panel-app-parameters


#5

Thanks , I see.
app.panel.enableSwipe(“left”)

I think this is the way to use it.