Beginner questions wrt binding and head merge

View: New views
1 Messages — Rating Filter:   Alert me  

Beginner questions wrt binding and head merge

by jhonig :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

I have been struggling to create a very simple webpage with lift, but nothing seems to work as expected.   I got some information from http://wiki.github.com/dpp/liftweb/about-lift-tags, but I can't get it to work.
The contents of my main index file is like this:

<lift:surround with="tent">

  <head>
    <title>My website title</title>
  </head>

  <!-- the four parts of a page -->
  <lift:with-param name="image">
    Here comes the image
  </lift:with-param>
  <lift:with-param name="footnote">
    Here comes the footnote
  </lift:with-param>
  <lift:with-param name="context">
    Here comes the context
  </lift:with-param>
  <lift:with-param name="control">
    Here comes the control
  </lift:with-param>

</lift:surround>

The "tent" file is as follows:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:lift="http://liftweb.net/">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />

    <!-- site title will be supplied by content -->

    <lift:CSS.blueprint />
    <lift:CSS.fancyType />

    <script id="jquery" src="/classpath/jquery.js" type="text/javascript"/>
    <script id="json" src="/classpath/json.js" type="text/javascript"/>

    <style>
/* <![CDATA[ */
.sidebar ul {
        margin:0;
        padding:0;
        border-bottom:1px solid #ccc;
}


.sidebar ul li {
        margin:0;
        padding:0;
        list-style:none;
        border:1px solid #ccc;
        border-bottom:none;
}

.sidebar ul li a {
        display:block;
        padding:3px;
        text-indent:30px;
        text-decoration:none;
}

.sidebar ul li span {
        display:block;
        padding:3px;
        text-indent:30px;
        text-decoration:none;
}

.sidebar ul li a:hover {
        background-color: #eee;
}


  /* ]]> */
    </style>

  </head>
  <body>
    <div class="container">
      <div class="column span-23 last" style="text-align: center">
        <h1 class="alt">there & then - images & prints</h1>
      </div>
      <hr/>
      <div class="column span-17 last">
        <lift:bind name="image" />
      </div>
      <hr />
      <div class="column span-17 last">
        <lift:bind name="context" />
      </div>
      <hr />
      <div class="column span-17 last">
        <lift:bind name="control" />
      </div>
      <hr />
      <div class="column span-17 last">
        <lift:bind name="footnote" />
      </div>
      <hr />
      <div class="column span-23 last" style="text-align: center">
        <h4 class="alt">everything on there & then is copyright job honig</h4>
      </div>
    </div>
  </body>
</html>

The problems:
1: the "title" element doesn't propagate, no title set!
2: the docs state that "with-param" is deprecated, but if I replace it by "bind-at", it doesn't work at all.
Any help appreciated!

Job H.