How translate popup at gantt

[Karol Wlodarek]

Hi,

How/Where can i translate word "days" in popup in gantt char?

[Jonesherine Stephen]

Hi Karol,  

Thanks for contacting Syncfusion support.  

By using the “locale” property, we can render the Gantt with different culture.  

We have prepared the sample to render Gantt in “pl-PL” culture.  By using the “durationUnitTexts” localized text we can translate the duration units as per our requirement. 

Please find the code snippet to customize the Gantt with localized texts below:  

<script type="text/javascript"> 

$(function () { 

            $("#GanttContainer").ejGantt({ 

                locale: "pl-PL",                 

            });             

        }); 

        ej.Gantt.Locale["pl-PL"] = {             

            durationUnitTexts: { 

                days: "dni", 

                hours: "godzin", 

                minutes: "minuty" 

            }, 

        };   

    </script>  

You can also find the culture files from Essential Studio installed location below:  

Location:C:\Users\AppData\Local\Syncfusion\EssentialStudio\14.2.0.28\JavaScript\assets\scripts\i18n  

Please refer the below link to get the localized texts for EJ controls:  

Link: https://github.com/syncfusion/ej-global/blob/master/localetexts/ej.localetexts.pl-PL.js 

We have also prepared the sample for your reference please find the sample from below location:  

Sample: http://www.syncfusion.com/downloads/support/directtrac/general/ze/Localization-569846064 

 

Please let us know if you require further assistance on this.
Regards, 
Jone sherine P S  

[ezizio]

Hi Karol,  

Thanks for contacting Syncfusion support.  

By using the “locale” property, we can render the Gantt with different culture.  

We have prepared the sample to render Gantt in “pl-PL” culture.  By using the “durationUnitTexts” localized text we can translate the duration units as per our requirement. 

Please find the code snippet to customize the Gantt with localized texts below:  

<script type="text/javascript"> 

$(function () { 

            $("#GanttContainer").ejGantt({ 

                locale: "pl-PL",                 

            });             

        }); 

        ej.Gantt.Locale["pl-PL"] = {             

            durationUnitTexts: { 

                days: "dni", 

                hours: "godzin", 

                minutes: "minuty" 

            }, 

        };   

    </script>  

You can also find the culture files from Essential Studio installed location below:  

Location:C:\Users\AppData\Local\Syncfusion\EssentialStudio\14.2.0.28\JavaScript\assets\scripts\i18n  

Please refer the below link to get the localized texts for EJ controls:  

Link: https://github.com/syncfusion/ej-global/blob/master/localetexts/ej.localetexts.pl-PL.js 

We have also prepared the sample for your reference please find the sample from below location:  

Sample: http://www.syncfusion.com/downloads/support/directtrac/general/ze/Localization-569846064 

 

Please let us know if you require further assistance on this.
Regards, 
Jone sherine P S  

need this information

[Jonesherine Stephen]

Hi Ezizio, 

Thanks for contacting Syncfusion support. 

By using localization support we can customize the Gantt with different culture. 

Please find our online documentation for localization below: 

UG Documentation: https://help.syncfusion.com/js/gantt/localization 

Please find the demo sample for localization below: 

Demo: http://js.syncfusion.com/demos/web/#!/azure/gantt/localization 

Is this your requirement? If not could you please share more details related to this query with us and it will be very helpful for us to understand your requirement clearly and update the response  

Please let us know if you require further assistance on this.
Regards, 
Jone sherine P S  

[Karol Wlodarek]

Hi,

When i translate columnHeaderTexts i got another problem with hiding columns. 

Here is an example how to hide a column, but as a parameter passed is a string, so I do not know how to locate it?

https://help.syncfusion.com/js/api/ejgantt

[Jonesherine Stephen]

Hi Karol, 

By using the “hideColumn” public method we can hide particular column in Gantt. And we need to pass argument as “headerText” in that method. 

For localized column headers we need to pass the translated column header text. 

Please find the code snippet below: 

<div id="GanttContainer" style="height:450px;width:100%"></div> 

    <button onclick="hide()" style="position:relative;top:10px">Hide Column</button> 

<script type="text/javascript"> 

  $(function () { 

            $("#GanttContainer").ejGantt({ 

                locale: "pl-PL",                 

            }); 

        }); 

        ej.Gantt.Locale["pl-PL"] = { 

            columnHeaderTexts: { 

                taskId: "ID", 

                taskName: "Nazwa zadania", 

                startDate: "Data rozpoczęcia", 

                endDate: "Data końcowa", 

                resourceInfo: "Zasoby", 

                duration: "Trwanie", 

                status: "Postęp", 

                predecessor: "Przodkowie", 

                type: "Rodzaj", 

                offset: "Offsetowy", 

                baselineStartDate: "Baseline Data rozpoczęcia", 

                baselineEndDate: "Baseline Data zakończenia", 

                WBS: "WBS", 

                WBSpredecessor: "WBS poprzednik" 

            }, 

        }; 

        function hide() { 

            var ganttObj = $("#GanttContainer").data("ejGantt"); 

            //To hide the required column 

            ganttObj.hideColumn("Data rozpoczęcia"); 

        } 

    </script> 

 

We have also prepared the sample for your reference. Please find the sample from below location: 

Sample: http://jsplayground.syncfusion.com/Sync_b2wyr5ap 

Please let us know if you need further assistance on this.  

Regards,              

Jone sherine P S