Works perfectly. Thanks!

That worked! I have successfully added the Dock Manager to my MVC app. Thank you!

I will add slightly to your answer for others who might read this. I hope I'm doing it right. It seems to work.

1. You must extract the downloaded tgz file into a new folder

2. Add the folder to your project

3. Change the <script> tag to something like the one below

4. Remove this clause from the JavaScript from the igniteui page above. "if (!window.moduleLoaded)"

<script type="module">
    import { defineCustomElements } from '/Scripts/Infragistics/igniteui-dockmanager-package-1.7.0/package/loader/index.js';
    defineCustomElements();
    window.moduleLoaded = true;
</script>

Your sample worked. Thank you!

I was forced to create a separate style sheet to override ig_webtab.css.

There must be some crazy caching because sometimes editing ig_webtab.css worked, but other times older css values remained in force. Only the private css file worked reliably.

I guess I have a solution for now, but remain mystified.

I had performed those steps you outlined above many days ago. I guess they worked because my grid and tabs show up correctly. ig_res is included in my project, and opens in the Solution Explorer.

Now I see another perplexing issue I cannot explain. I opened ig_webtab.css from my private ig_res folder from the Solutions Explorer and edited it and saved it, but saw no effect on the tabs in my page after re-running the app.

I then used the "Inspect" menu in Google Chrome to inspect the css styles. Sure enough, the changes from my private ig_webtab.css were not used. Changing css in the Chrome inspector worked as expected.

I cannot explain where the css is coming from. The Inspector says the file comes from "">localhost:443999/…/ig_webtab.css". But it does not contain my edited values from my private ig_res folder, which is located in my project folder.

This also does not help:

<link rel="stylesheet" href="~/ig_res/Default/ig_webtab.css">

Where is IIS Express getting the css file?

I'm using Visual Studio 2022 Community Edition (64-bit), version 17.0.5. The framework is Microsoft .NET 4.8.04084.

These are the latest versions, as of the time of this post on 2/3/2022.

No, the ig_res was not added to my project. Nothing was added to my project.

So, I created a completely new ASP.NET Framework Web Forms project and tried again. Again… nothing was added to this new test project after dropping the Infragistics grid onto Site.Master in VS, even after opening the page designer.

I concluded that I must do this blindly.

I fished around and found ig_res in the Infragistics ASP.NET installation folder, and added it manually. I also found infrgistics.theme.css and infragistics.css files in the installation folder. I was confused by all these different css files, so I copied them all to my project. I don't know if they will work or not.

I also don't know about JavaScript and jQuery scripts for the Infragistics controls. Nothing was added to my project, so I don't if client-side or jQuery operations will work.

I guess I have to figure this out myself. Not happy.  [emoticon:ca08b2c27c2f40e993e89508acf29e0b]