Apply a theme to the grid

Amaury Lamy asked on Jul 8, 2022 8:27 AM

HI,

I am customising the grid example (ASP.NET-Core-Samples-master). The default look and feel is gray.

I wanted to apply the superhero theme that I dowloaded from https://www.igniteui.com/themes/bootstrap-superhero but I don t know how to apply it.

I have played around with my _Layout.chtml file but it messes up the layout.

Any hint?

Thanks

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewData[“Title”] – GreySpark Artificial Intelligence Ideation Framework</title>

<!– Ignite UI for jQuery Required Combined JavaScript Files –>
<script src="">cdn-na.infragistics.com/…/script>
<script src="">cdn-na.infragistics.com/…/script>

Replies

0

Monika Kirkova answered on May 20, 2021 10:45 AM

Hello Amaury,

After investigating this further, I determined that the superhero theme could be applied by referencing the theme in the _Layout.cshtml file. This could be achieved either via cdn links or locally from the css folder:

<link href="~/css/themes/bootstrap3/superhero/infragistics.theme.css" rel="stylesheet" id="theme" />

<link href="~/css/structure/infragistics.css" rel="stylesheet" />

Additonally, please make sure that other themes are not referenced in the _Layout.cshtml file or the Index.cshtml file. Otherwise both themes would be applied.

Please let me know if you need any further information regarding this matter.

Regards,
Monika Kirkova,
Infragistics
0

linda dieggoo answered on Mar 21, 2022 4:06 AM

[deleted]
- 0
  
  Anamika sharma answered on Jun 27, 2022 10:29 AM
  
  [deleted]
  - 0
    
    Machany Justin answered on Jul 8, 2022 8:27 AM
    
    [deleted]