DashboardPack / architectui-vue-theme-free

ArchitectUI Vue Lite is a minimal admin dashboard template. It features a simple functionality to get your SaaS admin panel up and running in no-time.
https://dashboardpack.com/theme-details/architectui-dashboard-vue-pro
MIT License
61 stars 69 forks source link

jquery Modal popup and bootstrap modal popup not working with ArchitectUI Dashboard #3

Closed ihava closed 4 years ago

ihava commented 4 years ago

Dear Support team. I am using ArchitectUI Dashboard theme in my MVC.net Project. I am trying to show popup on my page. I tried first with JqueryUI modal popup but it given error. Then I tried to use bootstrap modal popup but same issue. I have added reference of necessary files (Jquery UI & Bootstrap js ) file. but still error showing on chrome developer console while click event initizlize the popup. The error shows main.87c0748b313a1dda75f5.js:183 Error: attribute transform: Expected number, "scale(NaN) translate(N…".

My code is @model BOL.MasterTags.EmployeeDocumentType @{ ViewBag.Title = "ListEDocumentType"; Layout = "~/Views/Shared/_Template.cshtml"; }

List Document Type
ID Name Description

@section scripts{

<script src="//cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>

<script>

    $(document).ready(function () {

        $('#tbldata').DataTable({
            "ajax": {
                "url": "/HR/EmployeeDocumentType/loaddata",
                "type": "GET",
                "datatype": "json"
            },
            "columns": [
                { "data": "EmployeeDocumentTypeId", "autoWidth": true },
                { "data": "Name", "autoWidth": true },
                { "data": "Description", "autoWidth": true }

            ],
            "language": {
                "emptyTable": "No data available, please click on <b>Add New </b>button"
            }

        });
    });

</script>

}