Fixed Title

[obione]

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é

[Dimo]

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

[obione]

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é

[Dimo]

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

[obione]

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é