Multilanguages


                        
        
            Survey.StylesManager.applyTheme("defaultV2");
        



                
                    var json = {
 locale: "de",
 pages: [ { name: "page1", elements: [
    {
     type: "matrixdropdown",
     columns: [
      {
        "name": "rate",
        "cellType": "rating",
        "minRateDescription": {
          "default": "1 (the worst)",
          "de": "1 (Das Schlechteste)"
        },
        "maxRateDescription": {
          "default": "5 (the best)",
          "de": "5 (Das beste)"
        },
        "title": {
          "default": "Rating",
          "de": "Bewertung"
        }
      }
     ],
     name: "favoriteMovie",
     rows: [ {value: "moonlight", text: "Moonlight" },
      {
       value: "zootopia",
       text: {
        default: "Zootopia",
        de: "Zoomania"
       }
      },
      { value: "water", text: "Hell or High Water" },
      { value: "manchester", text: "Manchester by the Sea" }, {value: "lalaland", text: "La La Land" }
     ],
     title: {
      default: "Please rate these movies",
      de: "Bitte bewerten Sie diese Filme"
     }
    }
   ]
  }
 ]
};

                    window.survey = new Survey.Model(json);
                
        
            survey.onComplete.add(function(sender) {
            document.querySelector('#surveyResult').textContent =
            "Result JSON:\n" + JSON.stringify(sender.data, null, 3);
            });
        
        
            ReactDOM.render(
            <SurveyReact.Survey model={survey}  />, document.getElementById("surveyElement"));
        

                    
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Multilanguages, Reactjs Survey Library Example</title>
    
<meta name="viewport" content="width=device-width" />
    <script src="https://unpkg.com/react@17.0.1/umd/react.production.min.js"></script>
    <script src="https://unpkg.com/react-dom@17.0.1/umd/react-dom.production.min.js"></script>
    <script src="https://unpkg.com/@babel/standalone@7.2.5/babel.min.js"></script>
    <script src="/DevBuilds/survey-core/survey.core.min.js"></script>
    <script src="/DevBuilds/survey-core/survey.i18n.min.js"></script>
    <script src="/DevBuilds/survey-react-ui/survey-react-ui.min.js"></script>
    <link href="/DevBuilds/survey-core/defaultV2.min.css" type="text/css" rel="stylesheet" />
    <link rel="stylesheet" href="./index.css">

</head>
<body style="margin: 0">
    
            <div id="surveyElement" style="display:inline-block;width:100%;">
            </div>
    <div id="surveyResult"></div>

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

</body>
</html>

As you see all string properties can be represented as a json object, where key is a locale. If there is no translation for the selected locale then the 'default' value is used, or the first one, if default doesn't exist as well.

Settings

Locale:

survey.locale = yourvalue;

Why we use cookies.

This site uses cookies to make your browsing experience more convenient and personal. Cookies store useful information on your computer to help us improve the efficiency and relevance of our site for you. In some cases, they are essential to making the site work properly. By accessing this site, you consent to the use of cookies.

For more information, refer to DevSoft Baltic’ privacy policy and cookie policy.