All Controls not displaying in Admin Lte theme

I am using the admin lte theme I have my files included as per instructions.


<!-- Syncfusion Essential JS 2 Styles -->

    <link rel="stylesheet" rel='nofollow' href="https://cdn.syncfusion.com/ej2/material.css" />


    <!-- Syncfusion Essential JS 2 Scripts -->

    <script src="https://cdn.syncfusion.com/ej2/dist/ej2.min.js"></script>


Then in my body I have


   <script>

      function valueChange(args) {

    /*Displays selected date in the label*/

        var intl = new ej.base.Internationalization();

        var value = intl.formatDate(args.value, { type: 'dateTime', format: 'dd/MM/yyyy' });

        (document.getElementById('date_label')).textContent = 'Selected Value: ' + value;

    }</script>

    <ejs-scripts></ejs-scripts>


</body>


But I have my calnedar inside a div as such


           <div class="card-body pt-0">

                                    <!--The calendar -->


                                    @section ControlsSection{

    <div class=" control-section">

        <div class="calender-section">

            <div id="calender-control">

                <ejs-calendar id="calendar" change="valueChange"></ejs-calendar>

                <br>

                <span id="date_label"> Selected Value: </span>

            </div>

        </div>

    </div>


}


But when I go to view the source its not rendered nore does it display where meant to


My Visual Sutdio code here as you see I do have the tag their



And in my view imports


@using TheHockeyLabMn.Web

@using TheHockeyLabMn.Web.Models

@using Microsoft.AspNetCore.Identity

@addTagHelper *, TheHockeyLabMn.Web

@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers

@addTagHelper *, Syncfusion.EJ2



1 Reply

JL Joshna Lingala Uthama Reddy Lingala Syncfusion Team November 29, 2021 03:39 PM UTC

Hi David, 
  
Greetings from Syncfusion Support. 
  
We have validated the reported issue for “Controls are not rendering while using Admin Lte theme in the application” at our end. Unfortunately, we are unable to replicate the issue at our end. We have prepared a AspNet Core sample, and added Syncfusion Controls to the application by following the documentation with your shared code. The application runs successfully, and component rendered successfully, please find the image reference and sample below  
  
  
 
  
Kindly try with the above sample and get back to us if you have any queries. 
  
Regards, 
Joshna L  
 


Loader.
Up arrow icon