Globalization
1 Mar 202216 minutes to read
Localization
The Localization library allows you to localize default text content of the Gantt. The Gantt component has static text on some features (like toolbar area text, etc.) that can be changed to other cultures (Arabic, Deutsch, French, etc.) by defining the locale value and translation object.
The following list of properties and its values are used in the Gantt.
| Locale key words | Text |
|---|---|
| emptyRecord | No records to display |
| id | ID |
| name | Name |
| startDate | Start Date |
| endDate | End Date |
| duration | Duration |
| progress | Progress |
| dependency | Dependency |
| notes | Notes |
| baselineStartDate | Baseline Start Date |
| baselineEndDate | Baseline End Date |
| type | Type |
| offset | Offset |
| resourceName | Resources |
| resourceID | Resource ID |
| day | day |
| hour | hour |
| minute | minute |
| days | days |
| hours | hours |
| minutes | minutes |
| generalTab | General |
| customTab | Custom Columns |
| writeNotes | Write Notes |
| addDialogTitle | New Task |
| editDialogTitle | Task Information |
| add | Add |
| edit | Edit |
| update | Update |
| delete | Delete |
| cancel | Cancel |
| search | Search |
| task | task |
| tasks | tasks |
| zoomIn | Zoom in |
| zoomOut | Zoom out |
| zoomToFit | Zoom to fit |
| expandAll | Expand all |
| collapseAll | Collapse all |
| nextTimeSpan | Next timespan |
| prevTimeSpan | Previous timespan |
| saveButton | Save |
| taskBeforePredecessor_FS | You moved “{0}” to start before “{1}” finishes and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform |
| taskAfterPredecessor_FS | You moved “{0}” away from “{1}” and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform |
| taskBeforePredecessor_SS | You moved “{0}” to start before “{1}” starts and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform |
| taskAfterPredecessor_SS | You moved “{0}” to start after “{1}” starts and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform |
| taskBeforePredecessor_FF | You moved “{0}” to finish before “{1}” finishes and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform |
| taskAfterPredecessor_FF | You moved “{0}” to finish after “{1}” finishes and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform |
| taskBeforePredecessor_SF | You moved “{0}” away from “{1}” to starts and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform |
| taskAfterPredecessor_SF | You moved “{0}” to finish after “{1}” starts and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform |
| okText | Ok |
| confirmDelete | Are you sure you want to Delete Record? |
| from | From |
| to | To |
| taskLink | Task Link |
| lag | Lag |
| start | Start |
| finish | Finish |
| enterValue | Enter the value |
| taskInformation | Task Information |
| deleteTask | Delete Task |
| deleteDependency | Delete Dependency |
| convert | Convert |
| save | Save |
| above | Above |
| below | Below |
| child | Child |
| milestone | Milestone |
| toTask | To Task |
| toMilestone | To Milestone |
| eventMarkers | Event markers |
| leftTaskLabel | Left task label |
| rightTaskLabel | Right task label |
| timelineCell | Timeline cell |
| confirmPredecessorDelete | Are you sure you want to remove dependency link?taskMode |
| changeScheduleMode | Change Schedule Mode |
| subTasksStartDate | SubTasks Start Date |
| subTasksEndDate | SubTasks End Date |
| scheduleStartDate | Schedule Start Date |
| scheduleEndDate | Schedule End Date |
| auto | Auto |
| manual | Manual |
| zoomToFit | Zoom to fit |
| excelExport | Excel export |
| csvExport | CSV export |
| pdfExport | Pdf export |
| unit | Unit |
| work | Work |
| taskType | Task Type |
| unassignedTask | Unassigned Task |
| group | Group |
Loading translations
To load translation object in an application use load function of L10n class.
The below example demonstrates the Gantt in Deutsch culture.
@Html.EJS().Gantt("Gantt").DataSource((IEnumerable<object>)ViewBag.DataSource).Height("450px").TaskFields(ts => ts.Id("TaskId").Name(
"TaskName").StartDate("StartDate").EndDate("EndDate").Duration("Duration").Progress("Progress").Child("SubTasks")).Locale("de-DE").Render()
<script>
ej.base.L10n.load({
'de-DE': {
'gantt': {
"id": "Ich würde",
"name": "Name",
"startDate": "Anfangsdatum",
"duration": "Dauer",
"progress": "Fortschritt",
}
}
});
</script>public IActionResult Index()
{
ViewBag.DataSource = GanttData.ProjectNewData();
return View();
}Internationalization
The Internationalization library is used to globalize number, date, and time values in gantt component.
@Html.EJS().Gantt("Gantt").DataSource((IEnumerable<object>)ViewBag.DataSource).Height("450px").TaskFields(ts =>
ts.Id("TaskId").Name("TaskName").StartDate("StartDate").EndDate("EndDate").Duration("Duration").Progress("Progress"
).Child("SubTasks")).Locale("de-DE").Render()
<script>
ej.base.L10n.load({
'de-DE': {
'gantt': {
"id": "Ich würde",
"name": "Name",
"startDate": "Anfangsdatum",
"duration": "Dauer",
"progress": "Fortschritt",
}
}
});
loadCultureFiles('de-DE');
function loadCultureFiles(name) {
var files = ['ca-gregorian.json', 'numbers.json'];
var loader = ej.base.loadCldr;
var loadCulture = function (prop) {
var val, ajax;
if (files[prop] === 'numberingSystems.json') {
ajax = new ej.base.Ajax(location.origin + '/../Scripts/cldr-data/supplemental/' + files[prop], 'GET', false);
} else {
ajax = new ej.base.Ajax(location.origin + '/../Scripts/cldr-data/main/' + name + '/' + files[prop], 'GET', false);
}
ajax.onSuccess = function (value) {
val = value;
};
ajax.send();
loader(JSON.parse(val));
};
for (var prop = 0; prop < files.length; prop++) {
loadCulture(prop);
}
}
</script>public IActionResult Index()
{
ViewBag.DataSource = GanttData.ProjectNewData();
return View();
}