Help
Frames

Frames are the top-level of the BrainHoney user interface. They contain things like school or institution branding and top level navigation. They also provide the Frame API for communication between elements on the page.

Frames are top level VHTML files and, as such, contain the <html>, <head>, and <body> tags for the resulting HTML page.

Frames must also contain the following elements:

To override the default frame for your domain, upload a frame VHTML file and all supporting files as domain resources and register the Frame file type in the <files> tag of your domain customization. See Customization XML for more details.

Sample Frame VHTML
<!DOCTYPE html>
<html >
<head>
    <title>Custom Frame</title>
    <%FrameReferences%>
    <script type="text/javascript" src="<%ResourceRoot%>/Frame.js"></script>
    <style type="text/css">
        .frame-header { position: absolute; left: 0px; right: 0px; top: 0px; height: 40px; background: green; }
        .frame-content { position: absolute; left: 10px; right: 10px; top: 50px; bottom: 10px; border: solid 1px red; }
    </style>
</head>
<body>
    <div class="frame-header">
        <!-- Navigation and branding elements here -->
    </div>    
    <div class="frame-content">
        <%FrameContent%>
    </div>
</body>
</html>