Cart Buy Licenses Contact Support Login/Register
v 1.8.4
v 1.8.4
Overview Survey Creator Examples Docs Source Download

Survey and page title

You can show/hide survey and page title inplace editors


                        
    
        SurveyCreator.StylesManager.applyTheme("bootstrap");
    

/*
    //Use the following code to hide title and description properties from the property grid.
    //For Survey:
    Survey.Serializer.findProperty("survey", "title").visible = false;
    Survey.Serializer.findProperty("survey", "description").visible = false;
    //For Page:
    Survey.Serializer.findProperty("page", "title").visible = false;
    Survey.Serializer.findProperty("page", "description").visible = false;
*/

/*
    // Set this survey option to false if you want to hide the expand/collapse button for showing survey logo/title.
    options.allowControlSurveyTitleVisibility = false;
*/

/*
    // Set this option property to "ifentered" (default) to show survey title/logo when they are not empty, to "always" to show them all the time or to "never" to hide survey title/logo from the designer
    options.showSurveyTitle = "never";
*/

/*
    // Set this property in global settings variable to false, to hide the page title and description from the designer, when it is empty. Page title and description will be shown in anyway when them is not empty
    Survey.settings.allowShowEmptyTitleInDesignMode = false;
*/

/*
    // Set this property in global settings variable to false, to hide the description title from the designer, when it is empty. Page description will be shown in anyway when it is not empty
    Survey.settings.allowShowEmptyDescriptionInDesignMode = false;
*/

        
            var creatorOptions = { };
            var creator = new SurveyCreator.SurveyCreator("creatorElement", creatorOptions);
            creator.showToolbox = "right";
            creator.showPropertyGrid = "right";
            creator.rightContainerActiveItem("toolbox");
        

                    
<!DOCTYPE html>
<html lang="en">
<head>
    <title>You can show/hide survey and page title inplace editors, Survey Creator Example</title>

<meta name="viewport" content="width=device-width" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-min.js"></script>
<script src="/DevBuilds/packages/survey-knockout/survey.ko.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.10/ace.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.10/ext-language_tools.js" type="text/javascript" charset="utf-8"></script>
    <!-- Uncomment to enable Select2
    <script src="https://unpkg.com/jquery"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
    -->
    <link href="/DevBuilds/build/survey-creator.css" type="text/css" rel="stylesheet" />
    <script src="/DevBuilds/build/survey-creator.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/bootstrap@3.3.7/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./index.css">

</head>
<body>
    
    <div id="surveyContainer">
        <div id="creatorElement"></div>
    </div>

<script type="text/javascript" src="./index.js"></script>

</body>
</html>