attachFooter

attaches footer to component's bottom

void attachFooter(string|number|HTMLElement id, [number height] );

Parameters

idstring|number|HTMLElementid or DOM element
heightnumberoptional, footer height

Example

dhxComponent.attachFooter("my_footer");

Details

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!
    </div>
</div>


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