Localize Survey Creator strings and properties, Survey Creator Example

Localization

Open in new window

Result
JavaScript
HTML
Documentation


                        
    
        SurveyCreator.StylesManager.applyTheme("bootstrap");
    


//Create your translation
var deutschStrings = {
    p: {
        isRequired : "Wird benötigt"
    }
};

//Set the your translation to the locale
SurveyCreator.localization.locales["de"] = deutschStrings;
//Make this locale the current
//SurveyCreator.localization.currentLocale = "de";
//Make french locale active
SurveyCreator.localization.currentLocale = "fr";
            
                var creatorOptions = { showLogicTab: true };
                var creator = new SurveyCreator.SurveyCreator("creatorElement", creatorOptions);
                creator.showToolbox = "right";
                creator.showPropertyGrid = "right";
                creator.rightContainerActiveItem("toolbox");

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Localize Survey Creator strings and properties, Survey Creator Example</title>

<meta name="viewport" content="width=device-width" />
    <script src="https://unpkg.com/knockout@3.5.1/build/output/knockout-latest.js"></script>
    <script src="/DevBuilds/survey-knockout/survey.ko.min.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>
    -->
        <script src="/DevBuilds/survey-creator/survey-creator.min.js"></script>
        <link href="/DevBuilds/survey-creator/survey-creator.min.css" type="text/css" rel="stylesheet" />
    <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>

Localization

Please make a pull request of your localization to Editor Localization Files.

You have to localize the defaultStrings variable located in english.ts

The example of localization SurveyJS Library strings are here.

Localization

Localize Survey Creator strings and properties

Localization

Why We Use Cookies