Fixed Title

5 posts, 1 answers
  1. obione
    obione avatar
    3 posts
    Member since:
    Sep 2006

    Posted 04 Jan 2012 Link to this post

    Hi,

    How can I add a header and/or footer on a pane without overflow ?

    <div id="horizontal">
        <div>
          <h2>header here</h2>
      
          <!-- scroll only this part -->
          <p>left pane</p>
          <p>...</p><p>...</p><p>...</p><p>...</p><p>...</p><p>...</p>
          <!-- / scroll only this part -->
      
          <h2>footer here</h2>
        </div>
        <div>
          center pane
        </div>
        <div>
          east pane
        </div>
    </div>

    Regards,
    René

  2. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 04 Jan 2012 Link to this post

    Hi René,

    I advise you to use three Splitter panes for your scenario - two with a fixed height and one to take up the remaining space. Otherwise you will need to calculate and set the height of the scrollable pane with Javascript yourself.

    Kind regards,
    Dimo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. obione
    obione avatar
    3 posts
    Member since:
    Sep 2006

    Posted 04 Jan 2012 Link to this post

    Hi Dimo,

    All I want to do is to place a fixed header and footer inside an horizontal pane an only content between these two header/footer will scroll

    May be with attached code it will clearer !

    Thanks in advance
    Regards,
    René
  5. Answer
    Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 04 Jan 2012 Link to this post

    Hello René,

    The only way to achieve the desired layout is by using three Splitter panes. Other techniques also exist, however, they are based on general CSS/Javascript knowledge and are not related to our product.

    Kind regards,
    Dimo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. obione
    obione avatar
    3 posts
    Member since:
    Sep 2006

    Posted 04 Jan 2012 Link to this post

    Hi Dimo,
    Thanks a lot ! I've tried your solution and it works as expected.

    New source code attached with solution for ohter users of this great product !

    Thanks for your help!

    Regards,
    rené
Back to Top
Kendo UI is VS 2017 Ready