We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

The box showing the name of the divided date is incorrect.

The box showing the name day of the divided date is incorrect and Rows do not match between columns

See. Attach file.


Attachment: Capture_gannt_Rows_do_not_match_1470f967.zip

i use Web (jQuery Based) asp.net MVC NOT EJ2
Sorry, we sent the information and knew that it was the wrong room.


5 Replies

KR Karthikeyan Raja Syncfusion Team December 30, 2019 01:54 PM UTC

Hi Phonchai, 
 
We have analyzed your query and we are not able to reproduce the reported issue. 
Please share us below details,  so that it will be helpful for us to check in our end. 
1. Source version used in your sample. 
2. Do you overide any CSS? 
3. Please share us code snippets or else share us the issue reproduceable sample. 
Regards, 
Karthikeyan Raja. 



PS Phonchai Sakunchinnasee January 8, 2020 03:44 AM UTC

i copy code example

no overide any CSS? 

---------------------------------
  public class DefaultData
        {
            public string StartDate { get; set; }
            public string EndDate { get; set; }
            public int TaskID { get; set; }
            public string TaskName { get; set; }
            public int Duration { get; set; }
            public int Progress { get; set; }
            public List<DefaultData> SubTasks { get; set; }
            public string Predecessors { get; set; }
            public List<int> ResourceID { get; set; }
        }
        public class GanttDefaultData
        {
            public static List<DefaultData> GetData()
            {
                List<DefaultData> tasks = new List<DefaultData>();
                tasks.Add(new DefaultData()
                {
                    TaskID = 1,
                    TaskName = "Design",
                    StartDate = "02/10/2014",
                    EndDate = "02/14/2014",
                    Duration = 6,

                });
                tasks[0].SubTasks = new List<DefaultData>();
                tasks[0].SubTasks.Add(new DefaultData()
                {
                    TaskID = 2,
                    TaskName = "Software Specification",
                    StartDate = "02/10/2014",
                    EndDate = "02/12/2014",
                    Duration = 3,
                    Progress = 60,
                    ResourceID = new List<int>() { 2 }
                });
                tasks[0].SubTasks.Add(new DefaultData()
                {
                    TaskID = 3,
                    TaskName = "Develop prototype",
                    StartDate = "02/10/2014",
                    EndDate = "02/12/2014",
                    Duration = 3,
                    Progress = 100,
                    Predecessors = "2FS",
                    ResourceID = new List<int>() { 3 }
                });
                tasks[0].SubTasks.Add(new DefaultData()
                {
                    TaskID = 4,
                    TaskName = "Get approval from customer",
                    StartDate = "02/13/2014",
                    EndDate = "02/14/2014",
                    Duration = 2,
                    Progress = 100,
                    Predecessors = "3FS",
                    ResourceID = new List<int>() { 1 }
                });
                tasks[0].SubTasks.Add(new DefaultData()
                {
                    TaskID = 5,
                    TaskName = "Design complete",
                    StartDate = "02/14/2014",
                    EndDate = "02/14/2014",
                    Duration = 0,
                    Predecessors = "4FS"
                });
                return tasks;
            }
        }
        public ActionResult Gannt()
        {
            #region keep Loging
            Keeplog("Gannt View");
            #endregion
            var DataSource = GanttDefaultData.GetData();
            ViewBag.datasource = DataSource;
            return View();
       }
------------------------------------

The box showing the name day of the divided date is incorrect and Rows do not match between columns


Attachment: Capture_gannt_ef5b56cd.zip


KR Karthikeyan Raja Syncfusion Team January 9, 2020 06:57 PM UTC

Hi Phonchai, 
  
 We have prepared sample with the getting started that you have shared and unable to reproduce the reported issue. So could you please share more details on style reference of your sample or code snippet. So that it will be helpful to provide solution for this. 
  
Regards, 
Karthikeyan Raja. 



PS Phonchai Sakunchinnasee January 13, 2020 03:52 AM UTC

in _Layout.cshtml file
-----------------------
  <link rel="icon" rel='nofollow' href="~/assets/Images/favicon.png" />
    <!-- Google Webfonts -->
    @*<link rel='nofollow' href='http://fonts.googleapis.com/css?family=Roboto:400,300,100,500' rel='stylesheet' type='text/css'>*@
    <!-- Bootstrap CSS -->
    @Styles.Render("~/Content/css")
    <link rel="stylesheet" rel='nofollow' href="~/assets/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" rel='nofollow' href="~/assets/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" rel='nofollow' href="~/assets/css/style.css">
    <!--Start Synvfussion -->
    @Styles.Render("~/Content/ejstyles")
    <link rel="stylesheet" rel='nofollow' href="~/assets/ej/bootstrap-theme/ej.web.all.min.css" />
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    @Scripts.Render("~/bundles/jquery")
    <script src="~/assets/jquery/dist/jquery.min.js"></script>
    <script src="~/assets/js/jquery.easing.min.js"></script>
    <script src="~/assets/popper.js/dist/popper.min.js"></script>
    <script src="~/assets/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="~/assets/js/respond.js"></script>
    @Scripts.Render("~/bundles/ejscripts")
    <script src="~/Scripts/ej/ej.web.all.min.js"></script>
    <script src="~/assets/js/jsrender.min.js"></script>
    <script src="~/Scripts/ej/ej.unobtrusive.min.js"></script>
    @Scripts.Render("~/bundles/modernizr")
......

in Gannt.cshtml
-----------------------------

@{
    ViewBag.Title = "Gannt";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<br />
<hr />
<h2>Gannt</h2>
@(Html.EJ().Gantt("GanttContainer")
    .TaskIdMapping("TaskID")//Provide name of the property which contains task id in the data source
    .TaskNameMapping("TaskName")//Provide name of the property which contains task name
    .StartDateMapping("StartDate")//Provide name of the property which contains start date of the task
    .DurationMapping("Duration")//Provide name of the property which contains duration of the task
    .ProgressMapping("Progress")//Provide name of the property which contains progress of the task
    .ScheduleStartDate("02/01/2014")//Provide schedule header start date
    .ScheduleEndDate("03/14/2014")//Provide schedule header end date
    .ChildMapping("SubTasks")//Provide name of the property which contains subtask of the task
    .TreeColumnIndex(1)
    .SizeSettings(ss => ss.Width("700").Height("300"))
    .Datasource(ViewBag.datasource) //Provides data source for Gantt
)
@(Html.EJ().ScriptManager())

---------------
and no overide any CSS? 



KR Karthikeyan Raja Syncfusion Team January 20, 2020 11:37 AM UTC

Hi Phonchai, 
 
A support incident to track the status of this defect has been created under your account. Please log on to our support website to check for further updates  
  
Regards, 
Karthikeyan Raja. 


Loader.
Up arrow icon