We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Form on footer


Is it possible to add a small form fixed at the foot of a page using the footer control? We've tried it and it seems to mess up the main page, it makes the main div not reach the footer at all, it only stretches to the middle of the page.

Thank you.

3 Replies

AV Aravindan V Syncfusion Team December 13, 2013 11:44 AM UTC


Thank you for your interest on Syncfusion product.

Please refer the below work around solution for your requirement.

In default, footer has a fixed size. In case your content size exceeds the height of the footer, then you need to override the height of the footer in application level. Please refer the below code.




    #Foot /*Foot-FooterControl id*/


        height: auto; /*your customized height value*/



 To position your footer as fixed with bottom of the page, set the MobPosition property value as fixed. Please refer the below code.







                 .Template(@<div> </div>).Render();



We have attached the simple sample for your query. Please refer that sample and let us know if you need any further assistance.

Aravindan V


RR Rui Rodrigues December 13, 2013 02:43 PM UTC


Your solution didn't work on my case. Setting the height results in the same problem. The height of the scrollpanel seems to drop by twice the height of the footer and ends up being only half page high. And it completely disappears when the screen rotates.

I'll try other approaches, your solution gave us some ideas.
Thank you.

AV Aravindan V Syncfusion Team December 16, 2013 02:09 PM UTC

Could you please follow up the incident 116913.

Aravindan v

Live Chat Icon For mobile
Up arrow icon