Forums Ignite UI for ASP.NET Core
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Amaury Lamy
15
Apply a theme to the grid
posted

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>

<link rel="stylesheet" href="">stackpath.bootstrapcdn.com/.../bootstrap.min.css" />
<link href="">cdn-na.infragistics.com/.../infragistics.theme.css" rel="stylesheet" />
<link href="">cdn-na.infragistics.com/.../infragistics.css" rel="stylesheet" />

<link href="css/themes/superhero/infragistics.theme.css" rel="stylesheet" type="text/css" />
<link href="css/themes/superhero/structure/modules/infragistics.ui.grid.css" rel="stylesheet" type="text/css" />

<script src="">ajax.aspnetcdn.com/.../script>
<script src="">code.jquery.com/.../script>
<script src="">code.jquery.com/.../script>

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

<script src="">www.igniteui.com/.../script>
<link href="">fonts.googleapis.com/css2 rel="stylesheet">
</head>

  • 0
    Offline posted
    [deleted]
  • 1320
    Offline posted

    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