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
  1. Home
  2. Forum
  3. ASP.NET MVC
  4. What resources and dlls

What resources and dlls

Hi, i have a quick question on rendering Gantt in child views.

Could you tell me, what resources should be added for Gantt the js and styles, in child views and heads
and what css classes needed to be added to Gantt, and what div containers,  

how is the selection happening, what the order of containers, and css selectors, 
what would I need to do to ensure that the css is surely applied regardless of any 3rd party theme.

thanks
Taz Ky

1 Reply
JD Jayakumar Duraisamy Syncfusion Team January 18, 2016 05:25 PM UTC 

Hi Taviz,
Query 1:  what resources should be added for Gantt the js and styles, in child views and heads
Solution:

<head>

<!— Basic Script files to render Controls -à

    <script src="~/Scripts/ej/jquery-1.10.2.min.js"></script>

    <script src="~/Scripts/ej/jquery.easing.1.3.min.js"></script>

    <script src="~/Scripts/ej/jsrender.min.js"></script>    

    <script src="~/Scripts/ej/ej.web.all.min.js"></script>


<!— Basic CSS files for style purpose -à

    <link rel='nofollow' href="~/Content/ej.theme.min.css" rel="stylesheet" />

    <link rel='nofollow' href="~/Content/ej.widgets.core.min.css" rel="stylesheet" /> 
</head>

Query 2: what css classes needed to be added to Gantt, and what div containers

Solution:  
                There is no need to specific any classes to render Gantt but we should specific id which is used in the script.
<body>
     <div id="Gantt" style="width: 100%; height: 450px;">
</body>

@(Html.EJ().Gantt("Gantt ")   

    .TaskIdMapping("TaskID")

    .TaskNameMapping("TaskName")

    .ChildMapping("SubTasks")

    .StartDateMapping("StartDate")

    .EndDateMapping("EndDate")

    .DurationMapping("Duration")

    .ProgressMapping("Progress")
     …..
)
Query 3: how is the selection happening, what the order of containers, and css selectors, 
what would I need to do to ensure that the css is surely applied regardless of any 3rd party theme.

Solution:  Gantt control render from “ej.theme.min.css” as mentioned early, so Gantt will not affect by any third party theme.
 
Please let us know if you require further assistance on this.

Regards
Jayakumar Duraisamy

Loader.
Live Chat Icon For mobile
Up arrow icon