[UsamaParticipant]

Hy, Hristo, thanks for your response, I was not available since last two days because of illness. I am feeling good now.

Yes I defiantly checked the above suggestion before posting the above query. But the issue was something else.
Solution is as below:
Basically the Css link <link rel=”stylesheet” href=”/sites/test/SiteAssets/css/jqx.light.css” type=”text/css” /> that JS code appends with DOM was not at the correct place in to the SharePoint page after <link rel=”stylesheet” href=”../SiteAssets/JQ/jqwidgets/styles/jqx.base.css” media=”screen”>.

It must be after the jqx.base.css link as shown below

<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1">
<link rel="stylesheet" href="../SiteAssets/JQ/jqwidgets/styles/jqx.base.css" media="screen">
<link rel="stylesheet" href="../SiteAssets/JQ/jqwidgets/styles/jqx.light.css" media="screen">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

Another issue was the grid was not render at all.
Solution is as below:
Basically the SharePoint encloses the overall html code into a dive with class class=”ms-rtestate-field” on the page. with fixed height 37px. we should set the height based on our requirement once document ready.

Hopefully this solution will help someone.

Thanks
Hafiz Muhammad usama
usama.fastnu@gmail.com

[UsamaParticipant]

Hi,
I am new in JQWidgets, I am trying to integrate it with SharePoint 2019, all the js files are working fine, but the issue is only with css files. below is how I linked one of the css files on the SharePoint page.

<link rel=”stylesheet” href=”/sites/test/SiteAssets/css/jqx.base.css” type=”text/css” />

but getting the below error message,

Resource interpreted as Stylesheet but transferred with MIME type application/octet-stream: “http:/server/sites/test/SiteAssets/css/jqx.base.css”.

Please help me in this regards.
Thanks
Hafiz Muhamad Usama

[Author]

Posts