This is a migrated thread and some comments may be shown as answers.

CSS intellisense not working

4 Answers 830 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Joel
Top achievements
Rank 1
Iron
Joel asked on 23 Aug 2019, 09:29 AM

Hi

  For some unknown reason, the intellisense suddenly stops working.

  When i create a new asp.net core project using telerik's wizard, it is working ok.

  I am using VS2017 with asp.net core R2 2019.

<environment include="Development">
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
    <link rel="stylesheet" href="~/lib/kendo-ui/styles/kendo.common-bootstrap.min.css" />
    <link rel="stylesheet" href="~/lib/kendo-ui/styles/kendo.metro.min.css" />

 

4 Answers, 1 is accepted

Sort by
0
Martin
Telerik team
answered on 28 Aug 2019, 09:14 AM
Hello Joel,

Thank you for the provided screenshots. We are currently discussing what might be causing the reported behavior and a possible solution. I will follow you up shortly.

Regards,
Martin
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Accepted
Martin
Telerik team
answered on 28 Aug 2019, 02:37 PM
Hello Joel,

In order for the intellisense to work correctly, you need to load the css file (kendo.bootstrap-v4.css) containing all the Kendo classes locally:
<link href="~/css/kendo.bootstrap-v4.css" rel="stylesheet" type="text/css" />

Please try doing this to see if it will resolve the issue. Attached you will find the file so that you can include it in your css folder. Note that the attached file is minified, although it does not have .min in its name.

Regards,
Martin
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Joel
Top achievements
Rank 1
Iron
answered on 29 Aug 2019, 01:06 AM

Hi Martin,

  Yes. That works.

   Do i need to add the <link> reference at <environment exclude="Development"> in _Layout.cshtml?

   If i need to do so, please share an example on how to do that.

   Thanks.

<environment include="Development">
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
      <link rel="stylesheet" href="~/lib/kendo-ui/styles/kendo.bootstrap-v4.css" />
    
<link rel="stylesheet" href="~/lib/kendo-ui/styles/kendo.metro.min.css" />
    <link rel="stylesheet" href="~/css/styles.css" />
</environment>
 
<environment exclude="Development">
          asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"
          asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute"
          crossorigin="anonymous"
          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" />
 
          asp-fallback-href="~/lib/kendo-ui/styles/kendo.metro.min.css"
          asp-fallback-test-class="k-theme-test-class"
          asp-fallback-test-property="opacity" asp-fallback-test-value="0" />
</environment>
0
Accepted
Martin
Telerik team
answered on 02 Sep 2019, 03:44 PM
Hello Joel,

Attached you will find a sample project demonstrating how to configure your <environment exclude> tag. Note that I have removed the reference to kendo.metro.min.css file as it will load a different theme (not the Bootstrap V4):
<environment include="Development">
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
    <link rel="stylesheet" href="~/lib/kendo-ui/styles/kendo.bootstrap-v4.css" />
    <link rel="stylesheet" href="~/css/styles.css" />
</environment>
 
<environment exclude="Development">
          asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"
          asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute"
          crossorigin="anonymous"
          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" />

          asp-fallback-href="~/lib/kendo-ui/styles/kendo.bootstrap-v4.css"
          asp-fallback-test-class="k-theme-test-class"
          asp-fallback-test-property="opacity" asp-fallback-test-value="0" />
    <link rel="stylesheet" href="~/css/styles.css" />
</environment>

This is how the environment tags should look like in your project based on the paths to the files I see from your code snippet.

I hope this will help you. Feel free to ask if you need further assistance.

Regards,
Martin
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
General Discussions
Asked by
Joel
Top achievements
Rank 1
Iron
Answers by
Martin
Telerik team
Joel
Top achievements
Rank 1
Iron
Share this question
or