Homepage / Doc / Content Frame

Content Frame

The survey content frame is where the bulk of your survey is located. This includes the progress bar, the location for your page numbers, the navigation buttons, and your survey items. Here is an example of a blank survey content frame.

<div class="center borderRadius surveyContentFrame">
    <div class="innerSurveyContentFrame">
        <span id="_responseView__pageView_Layout___titleZone"></span>
        <div class="clear"></div>

        <span id="_responseView__pageView_Layout___progressZoneTop"></span>
        <div class="clear"></div>

        <span id="_responseView__pageView_Layout___pageNumberZone"></span>
        <div class="clear"></div>

        <div class="navigationWrapper">
            <div class="surveyButtonsContainer">
                <span id="_responseView__pageView_Layout___previousZone"></span>
                <span id="_responseView__pageView_Layout___saveZone"></span>
                <span id="_responseView__pageView_Layout___resetZone"></span>
                <span id="_responseView__pageView_Layout___nextZone"><input type="submit" name="_responseView$_pageView$Layout_$_nextZone$_finishBtn" value="Finish" onclick="return false;WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;_responseView$_pageView$Layout_$_nextZone$_finishBtn&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="_responseView__pageView_Layout___nextZone__finishBtn" class="surveyFooterButton workflowAjaxPostAction" data-action="finish"></span>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>

You can find more detailed information on the subsections, and the structure of the survey items themselves in the other documentation on this page.

To make modifications to the survey content frame directly you can access it using the jquery selector like this :

$(".surveyContentFrame").doSomething();

This gives you the ability to dynamically add or manipulate the HTML/CSS of the survey content frame.

November 16, 2016