View within panel

[byroncoetsee]

Hello all,
Iv been trying to get my head wrapped round this piece of gold for a couple days and its slowly coming together.

I am stuck with one thing though, and even after a blatant copy/paste from kitchen-sink, its not working. I feel kindof bad asking such a simple question here after seeing what you guys talk about but, theres no manual yet and I have to learn this...

Im looking to basically copy kitchen-sink's right panel. Have a item-list which, when clicked, opens the page within the panel...

Here is my code, of just the right-panel obviously:

  <div class="pages navbar-through">
    <div data-page="panel-right1" class="page">
      <div class="page-content">
        <div class="content-block">
          <p>Right side panel</p>
        </div>
        <div class="list-block">
          <ul>
            <li><a href="panel-right2.html" class="item-link">
              <div class="item-content">
                <div class="item-inner">
                  <div class="item-title">Right panel page 2</div>
                </div>
              </div></a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- END OF PANEL RIGHT -->

[nolimits4web]

This piece of code contains two superfluous </div> in the end

[nolimits4web]

At least the example in your post you have 8 opening divs and 10 closing:) You can post full code of HTML page

[byroncoetsee]

Ah.. Yes i forgot to surround my pasted code so it removed some of it. haha

Here it is again - correctly pasted:

<div class="panel panel-right panel-reveal">
    <div class="view view-right">
      <div class="navbar">
        <div class="navbar-inner">
          <div class="left"></div>
          <div class="center sliding">Right Panel</div>
          <div class="right"></div>
        </div>
      </div>
      <div class="pages navbar-through">
        <div data-page="panel-right1" class="page">
          <div class="page-content">
            <div class="content-block">
              <p>Right side panel</p>
            </div>
            <div class="list-block">
              <ul>
                <li><a href="panel-right2.html" class="item-link">
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title">Right panel page 2</div>
                    </div>
                  </div></a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

[nolimits4web]

Ok, now it looks correct. And it should work. Don't you forget to initialize this view? Show me your JS related to Framework7 where you init app and views

[byroncoetsee]

Yes! It was the JS... I had an extra bracket or two in there...
Thank you so much!

On another note, is there a better forum for asking question related to F7? ...Doesn't seem right making an new "issue" every time someone has a question related to their own code and not F7's code. (Like I just did)

[nolimits4web]

At the moment, when no other support resources it is ok with new issues here. I will try to launch cloud forum today evening

[byroncoetsee]

Great.
Thanks again for this. I think you have just opened up some serious alternative to xCode, Obj-C and Apples $99 development cost :D

[nolimits4web]

Just launched the forum at http://www.idangero.us/framework7/forum/