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
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

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

Thread ID:

Created:

Updated:

Platform:

Replies:

150194 Dec 25,2019 06:17 AM UTC Jan 20,2020 11:37 AM UTC ASP.NET MVC - EJ 2 5
loading
Tags: Gantt Chart
Phonchai Sakunchinnasee
Asked On December 25, 2019 06:21 AM UTC

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.


Karthikeyan Raja [Syncfusion]
Replied On 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. 


Phonchai Sakunchinnasee
Replied On 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

Karthikeyan Raja [Syncfusion]
Replied On 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. 


Phonchai Sakunchinnasee
Replied On 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? 


Karthikeyan Raja [Syncfusion]
Replied On 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. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon