web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

No record found.

News and Announcements icon
Community site session details

Community site session details

Session Id :
Customer experience | Sales, Customer Insights,...
Suggested Answer

How to create a HTML Dashboard table on page load

(0) ShareShare
ReportReport
Posted on by 5,514

Hi, I have a erequirement as below how to acheive this

 

Semester

Module Name

Module Leader

Second Marker

Label

Code- Name(Label)

Label

Dropdown

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Approve

Submit

 

Above table will be created on page load and second marker will be selected in case saved previously.

I have the same question (0)
  • Suggested answer
    Community Member Profile Picture
    on at

    Hi,

    Where do you want to show this table? on a record or on a dashboard? If it is on a record, why don't you create a custom entity that holds this information and show it as a subgrid on the record?

    If you don't like the above suggestion then with "web resources", a lot of things are possible including creating this custom html page( web resources can be a custom html page).

  • sandeepc Profile Picture
    5,514 on at

    //////////////////////
    Semester
    <?xml version="1.0"?>

    -<fetch distinct="false" mapping="logical" output-format="xml-platform" version="1.0">


    -<entity name="new_coursestreamdivisionsession">

    <attribute name="new_name"/>

    <attribute name="createdon"/>

    <attribute name="new_coursestreamdivisionsessionid"/>

    <order descending="false" attribute="new_name"/>


    -<filter type="and">

    <condition attribute="new_sessionstatus" value="1" operator="eq"/>

    </filter>

    </entity>

    </fetch>

    /////////////////////


    //////////////////
    Module


    <?xml version="1.0"?>

    -<fetch distinct="false" mapping="logical" output-format="xml-platform" version="1.0">


    -<entity name="new_subject_course_stream_mapping">

    <attribute name="new_subject_course_stream_mappingid"/>

    <attribute name="new_name"/>

    <attribute name="createdon"/>

    <order descending="false" attribute="new_name"/>


    -<filter type="and">

    <condition attribute="new_session" operator="not-null"/>

    </filter>

    </entity>

    </fetch>

    ////////////



    /////////////////

    Module Leader

    <?xml version="1.0"?>

    -<fetch distinct="false" mapping="logical" output-format="xml-platform" version="1.0">


    -<entity name="new_lessonplan">

    <attribute name="new_lessonplanid"/>

    <attribute name="new_name"/>

    <attribute name="createdon"/>

    <order descending="false" attribute="new_name"/>


    -<filter type="and">

    <condition attribute="new_coursesession" operator="not-null"/>

    <condition attribute="new_subjectsetup" operator="not-null"/>

    <condition attribute="new_subjecttype1" operator="eq" value="{72A07C07-9BE8-E811-A96C-000D3AF05828}" uitype="new_utility" uiname="Lecture"/>

    <condition attribute="new_isfacultyload" operator="eq" value="0"/>

    </filter>

    </entity>

    </fetch>

    //////////////////////

    ////////////////
    Second Marker

    <?xml version="1.0"?>

    -<fetch distinct="false" mapping="logical" output-format="xml-platform" version="1.0">


    -<entity name="bam_employee">

    <attribute name="bam_employeeid"/>

    <attribute name="bam_name"/>

    <attribute name="createdon"/>

    <order descending="false" attribute="bam_name"/>


    -<filter type="and">

    <condition attribute="sis_isacademic" value="1" operator="eq"/>

    </filter>

    </entity>

    </fetch>

    ////////////////////////

    how to add this fetch data in functioncreatetable(0

  • sandeepc Profile Picture
    5,514 on at

    any suggestion pls

  • Community Member Profile Picture
    on at

    Hi I assume you added that code to a dashboard, when  you view the dashboard, what errors you see in the browser dev tools? I can't test your code as it seems very custom to you.

  • sandeepc Profile Picture
    5,514 on at

    that was wrong. i need to add table as shown i question and add coulmns

  • sandeepc Profile Picture
    5,514 on at

    any idea. will be marked as verified

  • sandeepc Profile Picture
    5,514 on at

    <html><head>

       <!-- Bootstrap -->

       <link href="/WebResources/new_bootstrap.min" rel="stylesheet">

       <!-- Font Awesome -->

       <link href="css/new_fontawesome.min" rel="stylesheet">

       <link href="/WebResources/new_style" rel="stylesheet">

       <script src="lat_/CRMRESTBuilder/scripts/jquery1.9.1.min.js"></script>

       <script src="new_jslinq.js"></script>

       <script src="new_SDK.REST.js"></script>

       <script src="new_linqhelper.js"></script>

       <script src="new_XrmServiceToolkit.js"></script>

       <script src="new_jquery.min.js"></script>

       <script src="new_bootstrap.min.js"></script>

       <script src="new_radialIndicator.js"></script>

       <script src="new_jquery.scrolling_tabs.min.js"></script>

       <script>

           function getSecondMarking() {

               debugger;

               var id = $(document.getElementById("txtSemester")).attr("guid");

               if (id != null)

                   var guid = id.replace("{", "").replace("}", "");

    var semester= '<fetch version ="1.0"?><fetch distinct="false" mapping="logical" output-format="xml-platform" version="1.0"><entity name="new_coursestreamdivisionsession"><attribute name="new_name"/><attribute name="createdon"/><attribute name="new_coursestreamdivisionsessionid"/><order descending="false" attribute="new_name"/><filter type="and"><condition attribute="new_sessionstatus" value="1" operator="eq"/></filter></entity></fetch>'

     var Result = getFetch("new_semester", Semesterfetch)

                   for (var i = 0; i < results.value.length; i++) {

    if  (sessionStatus.value[i]["new_sessionstatus@OData.Community.Display.V1.FormattedValue"] == "Semester")

    {

         sessionstatus = results.value[i]["new_sessionstatus"];

                       }

    else if (sessionStatus.value[i]["new_sessionstatus@OData.Community.Display.V1.FormattedValue"] == "Module")

    {

      sessionstatus = results.value[i]["new_sessionstatus"];

    }

    else if (sessionStatus.value[i]["new_sessionstatus@OData.Community.Display.V1.FormattedValue"] == "Module Leader")

    {

    sessionstatus = results.value[i]["new_sessionstatus"];

    _html += "<tr ><td><name='semester' id='semester' name= " +sessionStatus.value[i]["new_sessionstatus + "/></td><td>"

                       _html += "<tr><td><input type='radio'name='summrryid' guid='" +(sessionStatus.value[i]["new_sessionstatusd + "'/></td><td>" + Semester+ "</td><td>" + Amount + "</td></tr>";

                   }

                   var Module= results.value[i].hasOwnProperty("_new_session_value") ? result.value[i]._new_session_value : "";

                   _html += "<tr ><td><name='Module' id='summrryid' guid= " + resultFee.value[i]._new_session_value + "/></td><td>" + Module + "</td><td>" + module + "</td><td>" + Module Leader + "</td><td style='display:none'>" + Second Marking + "</td><td>" + result.value[i].new_total_fee + "</td></tr>";

               }

               _html += "</tbody>";

               _html += "</table>";

               $('#SubjectTable').html(_html);

               $('#NOOf').show();

           }

           function creatNewTable() {

               debugger;

               var NewSemester = 0;

               var NewModule= 0;

               var NewModule Leader = 0;

               var NewSecond Marking = 0;

               if (AllSemester != 0)

               $("#modaltable").html('');

               var _html = '<table id="moduleevaluationreport_table1" class="table table-bordered"><thead><tr><th>Semester</th><th>Module</th><th>Module Leader</th><th>Second Marking</th></tr></thead>';

               _html += "<tbody>"

               }

                       var id = $(document.getElementById("txtStudents")).attr("guid");

                       if (id != null)

                           var guid = id.replace("{", "").replace("}", "");

                                   var ClassName = $($($("#modaltable").find('tr')[i+1]).find('td')[j]).find('input').attr('class');

                                   if (ClassName == "Semester") {

                                       var Semester = '<fetch version="1.0"> fetch distinct="false" mapping="logical" output-format="xml-platform" version="1.0"><entity name="new_coursestreamdivisionsession"><attribute name="new_name"/><attribute name="createdon"/><attribute name="new_coursestreamdivisionsessionid"/><order descending="false" attribute="new_name"/><filter type="and"><condition attribute="new_sessionstatus" value="1" operator="eq"/></filter></entity></fetch>

                                       var Semester= getFetch("new_semester", Semester)

                                   }

                                   else if (ClassName == "Module") {

                                       var Module = '<fetch version="1.0"><fetch distinct="false" mapping="logical" output-format="xml-platform" version="1.0"><entity name="new_subject_course_stream_mapping"><attribute name="new_subject_course_stream_mappingid"/><attribute name="new_name"/><attribute name="createdon"/><order descending="false" attribute="new_name"/>-<filter type="and"><condition attribute="new_session" operator="not-null"/></filter></entity></fetch>

                                       var Module = getFetch("new_module", Module)

                                   }

                                   else if (ClassName == "Module Leader") {

                                       var Feematerfetchignou = '<fetch version="1.0"><fetch distinct="false" mapping="logical" output-format="xml-platform" version="1.0"><entity name="new_lessonplan"><attribute name="new_lessonplanid"/><attribute name="new_name"/><attribute name="createdon"/><order descending="false" attribute="new_name"/><filter type="and"><condition attribute="new_coursesession" operator="not-null"/><condition attribute="new_subjectsetup" operator="not-null"/><condition attribute="new_subjecttype1" operator="eq" value="{72A07C07-9BE8-E811-A96C-000D3AF05828}" uitype="new_utility" uiname="Lecture"/><condition attribute="new_isfacultyload" operator="eq" value="0"/></filter></entity></fetch>

                                       var Module Leader = getFetch("new_moduleleader", Moduleleader)

                                   }

                                  var entity = {};

                                   entity.new_semester = {

                                   };

                                   entity.new_module= {

                                       Id: modulerid,

                                       LogicalName: "new_module"

                                   };

                                   entity.new_moduleleader = {

                                       Id: newmoduleleaderId,

                                       LogicalName: "new_moduleleader"

                                   };

                                   entity.new_secondmarking= false;

                                   entity.new_secondmarking = {

                                   };

                          function getSecondMarking() {

               debugger;

               var id = $(document.getElementById("txtSemester")).attr("guid");

               if (id != null)

                   var guid = id.replace("{", "").replace("}", "");

    var semester= '<fetch version ="1.0"?><fetch distinct="false" mapping="logical" output-format="xml-platform" version="1.0"><entity name="new_coursestreamdivisionsession"><attribute name="new_name"/><attribute name="createdon"/><attribute name="new_coursestreamdivisionsessionid"/><order descending="false" attribute="new_name"/><filter type="and"><condition attribute="new_sessionstatus" value="1" operator="eq"/></filter></entity></fetch>'

     var Result = getFetch("new_semester", Semesterfetch)

    for (var i = 0; i < results.value.length; i++) {

    if  (sessionStatus.value[i]["new_sessionstatus@OData.Community.Display.V1.FormattedValue"] == "Semester")

    {

         sessionstatus = results.value[i]["new_sessionstatus"];

                       }

    else if (sessionStatus.value[i]["new_sessionstatus@OData.Community.Display.V1.FormattedValue"] == "Module")

    {

      sessionstatus = results.value[i]["new_sessionstatus"];

    }

    else if (sessionStatus.value[i]["new_sessionstatus@OData.Community.Display.V1.FormattedValue"] == "Module Leader")

    {

    sessionstatus = results.value[i]["new_sessionstatus"];

    _html += "<tr ><td><name='semester' id='semester' name= " +sessionStatus.value[i]["new_sessionstatus + "/></td><td>"

                       _html += "<tr><td><input type='radio'name='summrryid' guid='" +(sessionStatus.value[i]["new_sessionstatusd + "'/></td><td>" + Semester+ "</td><td>" + Amount + "</td></tr>";

                   }

                   var Module= results.value[i].hasOwnProperty("_new_session_value") ? result.value[i]._new_session_value : "";

                   _html += "<tr ><td><name='Module' id='summrryid' guid= " + resultFee.value[i]._new_session_value + "/></td><td>" + Module + "</td><td>" + module + "</td><td>" + Module Leader + "</td><td style='display:none'>" + Second Marking + "</td><td>" + result.value[i].new_total_fee + "</td></tr>";

               }

               _html += "</tbody>";

               _html += "</table>";

               $('#SubjectTable').html(_html);

               $('#NOOf').show();

           }

           function creatNewTable() {

               debugger;

               var NewSemester = 0;

               var NewModule= 0;

               var NewModule Leader = 0;

               var NewSecond Marking = 0;

               if (AllSemester != 0)

               $("#modaltable").html('');

               var _html = '<table id="moduleevaluationreport_table1" class="table table-bordered"><thead><tr><th>Semester</th><th>Module</th><th>Module Leader</th><th>Second Marking</th></tr></thead>';

               _html += "<tbody>"

               }

                       var id = $(document.getElementById("txtStudents")).attr("guid");

                       if (id != null)

                           var guid = id.replace("{", "").replace("}", "");

                                   var ClassName = $($($("#modaltable").find('tr')[i+1]).find('td')[j]).find('input').attr('class');

                                   if (ClassName == "Semester") {

                                       var Semester = '<fetch version="1.0"> fetch distinct="false" mapping="logical" output-format="xml-platform" version="1.0"><entity name="new_coursestreamdivisionsession"><attribute name="new_name"/><attribute name="createdon"/><attribute name="new_coursestreamdivisionsessionid"/><order descending="false" attribute="new_name"/><filter type="and"><condition attribute="new_sessionstatus" value="1" operator="eq"/></filter></entity></fetch>

                                       var Semester= getFetch("new_semester", Semester)

                                   }

                                   else if (ClassName == "Module") {

                                       var Module = '<fetch version="1.0"><fetch distinct="false" mapping="logical" output-format="xml-platform" version="1.0"><entity name="new_subject_course_stream_mapping"><attribute name="new_subject_course_stream_mappingid"/><attribute name="new_name"/><attribute name="createdon"/><order descending="false" attribute="new_name"/>-<filter type="and"><condition attribute="new_session" operator="not-null"/></filter></entity></fetch>

                                       var Module = getFetch("new_module", Module)

                                   }

                                   else if (ClassName == "Module Leader") {

                                       var Feematerfetchignou = '<fetch version="1.0"><fetch distinct="false" mapping="logical" output-format="xml-platform" version="1.0"><entity name="new_lessonplan"><attribute name="new_lessonplanid"/><attribute name="new_name"/><attribute name="createdon"/><order descending="false" attribute="new_name"/><filter type="and"><condition attribute="new_coursesession" operator="not-null"/><condition attribute="new_subjectsetup" operator="not-null"/><condition attribute="new_subjecttype1" operator="eq" value="{72A07C07-9BE8-E811-A96C-000D3AF05828}" uitype="new_utility" uiname="Lecture"/><condition attribute="new_isfacultyload" operator="eq" value="0"/></filter></entity></fetch>

                                       var Module Leader = getFetch("new_moduleleader", Moduleleader)

                                   }

                                  var entity = {};

                                   entity.new_semester = {

                                   };

                                   entity.new_module= {

                                       Id: modulerid,

                                       LogicalName: "new_module"

                                   };

                                   entity.new_moduleleader = {

                                       Id: newmoduleleaderId,

                                       LogicalName: "new_moduleleader"

                                   };

                                   entity.new_secondmarking= false;

                                   entity.new_secondmarking = {

                                   };

    var req = new XMLHttpRequest();

    req.open("GET", window.parent.Xrm.Page.context.getClientUrl() + "/api/data/v9.1/new_moduleevaluationreports?$select=_new_module_value,_new_moduleleader_value,_new_secondmarking_value,_new_semester_value", true);

    req.setRequestHeader("OData-MaxVersion", "4.0");

    req.setRequestHeader("OData-Version", "4.0");

    req.setRequestHeader("Accept", "application/json");

    req.setRequestHeader("Content-Type", "application/json; charset=utf-8");

    req.setRequestHeader("Prefer", "odata.include-annotations=\"*\"");

    req.onreadystatechange = function() {

       if (this.readyState === 4) {

           req.onreadystatechange = null;

           if (this.status === 200) {

               var results = JSON.parse(this.response);

               for (var i = 0; i < results.value.length; i++) {

                   var _new_module_value = results.value[i]["_new_module_value"];

                   var _new_module_value_formatted = results.value[i]["_new_module_value@OData.Community.Display.V1.FormattedValue"];

                   var _new_module_value_lookuplogicalname = results.value[i]["_new_module_value@Microsoft.Dynamics.CRM.lookuplogicalname"];

                   var _new_moduleleader_value = results.value[i]["_new_moduleleader_value"];

                   var _new_moduleleader_value_formatted = results.value[i]["_new_moduleleader_value@OData.Community.Display.V1.FormattedValue"];

                   var _new_moduleleader_value_lookuplogicalname = results.value[i]["_new_moduleleader_value@Microsoft.Dynamics.CRM.lookuplogicalname"];

                   var _new_secondmarking_value = results.value[i]["_new_secondmarking_value"];

                   var _new_secondmarking_value_formatted = results.value[i]["_new_secondmarking_value@OData.Community.Display.V1.FormattedValue"];

                   var _new_secondmarking_value_lookuplogicalname = results.value[i]["_new_secondmarking_value@Microsoft.Dynamics.CRM.lookuplogicalname"];

                   var _new_semester_value = results.value[i]["_new_semester_value"];

                   var _new_semester_value_formatted = results.value[i]["_new_semester_value@OData.Community.Display.V1.FormattedValue"];

                   var _new_semester_value_lookuplogicalname = results.value[i]["_new_semester_value@Microsoft.Dynamics.CRM.lookuplogicalname"];

               }

           } else {

               window.parent.Xrm.Utility.alertDialog(this.statusText);

           }

       }

    };

    req.send();

           function deleteRecord(entityName, guid) {

               var req = new XMLHttpRequest();

               req.open("POST", window.parent.Xrm.Page.context.getClientUrl() + "/XRMServices/2011/OrganizationData.svc/" + entityName + "Set(guid'" + guid + "')", false);

               req.setRequestHeader("Accept", "application/json");

               req.setRequestHeader("Content-Type", "application/json; charset=utf-8");

               req.setRequestHeader("X-HTTP-Method", "DELETE");

               req.onreadystatechange = function () {

                   if (this.readyState === 4) {

                       this.onreadystatechange = null;

                       if (this.status === 204 || this.status === 1223) {

                           //Success - No Return Data - Do Something

                       } else {

                           window.parent.Xrm.Utility.alertDialog(this.statusText);

                       }

                   }

               };

               req.send();

           }

           function getFetch(entity, fetchXML) {

               var req = new XMLHttpRequest();

               req.open("GET", window.parent.Xrm.Page.context.getClientUrl() + "/api/data/v8.2/" + entity + "s?fetchXml=" + fetchXML + "", false);

               req.setRequestHeader("OData-MaxVersion", "4.0");

               req.setRequestHeader("OData-Version", "4.0");

               req.setRequestHeader("Accept", "application/json");

               req.setRequestHeader("Prefer", "odata.include-annotations=\"*\"");

               req.send();

               if (req.status === 200) {

                   return results = JSON.parse(req.response);

               } else {

                   window.parent.Xrm.Utility.alertDialog(req.statusText);

               }

           }

           function fieldBasedOdata(EntityName, fieldName, id) {

               var guid = id.replace('{', '').replace('}', '');

               var url = window.parent.Xrm.Page.context.getClientUrl() + "/api/data/v8.0/" + EntityName + "s?$filter=_" + fieldName + "_value eq " + guid + " and statecode eq 0";

               var req = new XMLHttpRequest();

               req.open("GET", url, false);

               req.setRequestHeader("OData-MaxVersion", "4.0");

               req.setRequestHeader("OData-Version", "4.0");

               req.setRequestHeader("Accept", "application/json");

               req.setRequestHeader("Content-Type", "application/json; charset=utf-8");

               req.setRequestHeader("Prefer", "odata.include-annotations=\"OData.Community.Display.V1.FormattedValue\"");

               req.send();

               if (req.status == 200) {

                   var results = JSON.parse(req.response);

                   return results;

               }

               else

                   return null;

           } function fieldBasedOdata(EntityName, fieldName, id) {

               var guid = id.replace('{', '').replace('}', '');

               var url = window.parent.Xrm.Page.context.getClientUrl() + "/api/data/v8.0/" + EntityName + "s?$filter=_" + fieldName + "_value eq " + guid + " and statecode eq 0";

               var req = new XMLHttpRequest();

               req.open("GET", url, false);

               req.setRequestHeader("OData-MaxVersion", "4.0");

               req.setRequestHeader("OData-Version", "4.0");

               req.setRequestHeader("Accept", "application/json");

               req.setRequestHeader("Content-Type", "application/json; charset=utf-8");

               req.setRequestHeader("Prefer", "odata.include-annotations=\"OData.Community.Display.V1.FormattedValue\"");

               req.send();

               if (req.status == 200) {

                   var results = JSON.parse(req.response);

                   return results;

               }

               else

                   return null;

           }

           function idBasedOdata(EntityName, id) {

               var guid = id.replace('{', '').replace('}', '');

               var url = window.parent.Xrm.Page.context.getClientUrl() + "/api/data/v8.0/" + EntityName + "s(" + guid + ")?$filter= statecode eq 0";

               var req = new XMLHttpRequest();

               req.open("GET", url, false);

               req.setRequestHeader("OData-MaxVersion", "4.0");

               req.setRequestHeader("OData-Version", "4.0");

               req.setRequestHeader("Accept", "application/json");

               req.setRequestHeader("Content-Type", "application/json; charset=utf-8");

               req.setRequestHeader("Prefer", "odata.include-annotations=\"OData.Community.Display.V1.FormattedValue\"");

               req.send();

               if (req.status == 200) {

                   var results = JSON.parse(req.response);

                   return results;

               }

               else

                   return null;

           }

           function twofieldBasedOdata(EntityName, field1, field2, id1, id2) {

               var guid1 = id1.replace('{', '').replace('}', '');

               var guid2 = id2.replace('{', '').replace('}', '');

               var url = window.parent.Xrm.Page.context.getClientUrl() + "/api/data/v8.0/" + EntityName + "s?$filter=_" + field1 + "_value eq " + guid1 + " and _" + field2 + "_value eq " + guid2 + " and statecode eq 0";

               var req = new XMLHttpRequest();

               req.open("GET", url, false);

               req.setRequestHeader("OData-MaxVersion", "4.0");

               req.setRequestHeader("OData-Version", "4.0");

               req.setRequestHeader("Accept", "application/json");

               req.setRequestHeader("Content-Type", "application/json; charset=utf-8");

               req.setRequestHeader("Prefer", "odata.include-annotations=\"OData.Community.Display.V1.FormattedValue\"");

               req.send();

               if (req.status == 200) {

                   var results = JSON.parse(req.response);

                   return results;

               }

               else

                   return null;

           }

       </script>

       <style>

           #WebResource_Component26d8ee3_d {

               height: 700px !important;

           }

           .headblue {

               padding: 5px 10px;

               float: left;

               width: 100%;

               background-color: #428bca;

               color: #ffffff;

               font-size: 12px;

               padding-top: 10px;

               padding-bottom: 10px;

               font-family: 'Segoe UI';

           }

               .headblue h3 {

                   padding: 0px;

                   margin: 0px;

                   font-size: 14px;

               }

           .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {

               border: 1px solid #efefef !important;

               text-align: left;

           }

           .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th {

               border: 1px solid #dddddd !important;

               text-align: left;

           }

           Iframe {

               width: 100%;

               display: block;

           }

           .table-bordered {

               border: 1px solid #6589e6 !important;

           }

           input.form-control.input-sm {

               border: 1px solid #eee;

               background: #fff;

           }

           .btn-sm, .btn-group-sm > .btn {

               padding: 7px 8px !important;

           }

           .table > tbody > tr > td, .table > tfoot > tr > td {

               padding: 4px !important;

               line-height: 29px !important;

               font-size: 12px !important;

           }

           .table > thead > tr > th {

               padding: 4px !important;

               line-height: 29px !important;

               font-size: 12px !important;

           }

           th {

               background-color: #fffefe;

               color: #666666;

               padding: 4px;

               font-weight: bold;

               font-size: 12px;

           }

           td {

               background-color: white;

               color: #636363;

           }

           .btn-primary {

               color: #fff;

               background-color: #ca4242;

               border-color: #ca4242;

           }

           .scroll-list {

               padding: 0px;

               height: 250px;

               overflow-y: scroll;

           }

           .headblue .btn-primary {

               color: #333333;

               background-color: #eee;

               border-color: #333333;

               font-size: 12px;

           }

           .headblue .btn {

               padding: 2px 5px;

           }

           select label {

               top: -14px !important;

               font-size: 14px !important;

               color: #2196f3 !important;

           }

       </style>

       <style>

           input[type="radio"], input[type="checkbox"] {

               line-height: normal;

               position: relative;

               margin: 6px 0px 0px -20px;

               padding: 0px;

           }

       </style>

       <meta charset="utf-8">

       <title>Seating Arrangement</title>

       <style type="text/css">

           P {

               margin: 0;

           }

       </style>

       <meta>

       <meta>

       <meta>

       <meta>

       <meta>

       <meta>

       <meta>

       <meta>

       <meta>

       <meta>

       <meta>

       <meta>

       <meta>

    <meta><meta><meta><meta><meta><meta><meta><meta></head>

                   <body dir="LTR" onfocusout="parent.setEmailRange();" lang="en-US" style="overflow-wrap: break-word;"><div class="clearfix"></div>

                   <div class="col-md-12 text-right" id="Semester" style="display:none">

                       <div class="col-sm-2" style="float:left">

                           <label style="float:right">Semester</label>

                       </div>

                       <div class="col-sm-4" style="float:left">

                           <input type="text" id="txtno" onblur="CheckTextValue()" style="color:#2196f3 !important">

                       </div>

                       <div class="col-sm-6" style="text-align: right">

                           <button id="txtSearch" class="btn btn-primary" onclick="creatNewTable()">Second Marking</button>

                       </div>

                   </div>

           <div class="modal fade" id="myModal" role="dialog">

               <div class="modal-dialog modal-lg" style="width:75%">

                   <!-- Modal content-->

                   <div class="modal-content">

                       <div class="modal-header">

                           <button type="button" class="close" data-dismiss="modal">×</button>

                           <h4 class="modal-title">Second Marking</h4>

                       </div>

                       <div class="modal-body">

                           <div id="modaltable">

                           </div>

                       </div>

                       <div class="modal-footer">

                           <button type="button" class="btn btn-default" data-dismiss="modal">Approve</button>

                           <button id="SecondMarking" class="btn btn-primary" onclick="validation()">Submit</button>

                       </div>

                   </div>

               </div>

           </div>

           <!--<div class="clearfix"></div>

           <div class="container"  style="display:none" id="divtable">-->

           <!--</div>-->

    <meta></body></html>

    i added this code. butt still its not displayin any table. what is the issue

  • sandeepc Profile Picture
    5,514 on at

    any suggestions of how t achive this?????

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Stars!

Meet the Microsoft Dynamics 365 Contact Center Champions

We are thrilled to have these Champions in our Community!

Congratulations to the March Top 10 Community Leaders

These are the community rock stars!

Leaderboard > Customer experience | Sales, Customer Insights, CRM

#1
ManoVerse Profile Picture

ManoVerse 184 Super User 2026 Season 1

#2
11manish Profile Picture

11manish 125

#3
CU11031447-0 Profile Picture

CU11031447-0 100

Last 30 days Overall leaderboard

Product updates

Dynamics 365 release plans