[SOLVED] stakedPage in popup not working

Hi
i have a popup with a view and 2 pages inside it.
im trying to change the page but nothing happen and no error shows.

the html are all ready in index page from the start not from js.

here is the view init code

app.views.create('#Noo', {name:'Ne',  routes: [
    {
    path: '/NooPage/',
    pageName: 'NooPage',
    },
  ],});

view HTML start

  <div id="NewStorePopup" class="popup">
    <div class="view view-NewStore navbar-fixed" id="Noo" data-name="viewNewStore">

the page HTML

        <div class="page stacked" data-name="NooPage">
          <div class="page-content NewStore-bg">
            <div class="block">
              <a href="#" class="button button-fill">Button</a>
            </div>
          </div>
        </div>

the two ways i tried

>  <a href=""  onclick="app.views.Ne.router.navigate('NooPage');" >Page</a>
>   <a href="/NooPage/" data-view=".view-NewStore">Page</a>

the app have 2 views one is the main view and all is ok on the main view.

https://framework7.io/docs/view.html#view-parameters

stackPages => true

Sorry I forgot to mention that i have that on the app parameters for all the views.
And stackedPages work on the main view fine.

<div class="page stacked" data-name="NooPage"

in View: view > page ?

the page is inside the view in the popup
is that what you mean?

Покажите код на js fiddle

i translate what you said to make example on fiddle

so here is what i copied from my code. i hope that i didn’t miss something
https://jsfiddle.net/sop3yqf6/3/

view > pages > page,page,page => view > page,page,page

2 Likes

Thank you! removing pages worked.

1 Like