Check documentation for the latest version of dhtmlxSuite attachFooter DHTMLX Docs


attaches footer to component's bottom

void attachFooter(string|number|HTMLElement id, [number height] );
idstring|number|HTMLElementid or DOM element
heightnumberoptional, footer height




If height is not specified, component will try to detect it automatically. In this case you'd better specify it in CSS:

#my_footer {
    padding-top: 2px;
    background-color: white;
#my_footer .my_footer_text {
    font-family: Tahoma;
    font-size: 12px;
    padding: 5px 10px;
    height: 70px; /* for autodetect */
    border: 1px solid #a4bed4   
<div id="my_footer">
    <div class="my_footer_text">
        Hi! I'm footer!

You can use visibility:hidden style for keeping your element hidden while it is not attached to a component, after attaching the style will be changed to visibility:visible.

Back to top