Grid is not showing up correctly

Title:

Hello, I recently downloaded the demo files to test out ASP.net awesome before possibly purchasing it. I installed it fully, putting all the necessary JS and CSS and DLL files in to my project.

The grid shows up, but it does not display correctly. The actual text in the grid is "invisible" unless you highlight it, and then it shows up. Some of the colors don't show up correctly either. Again, the grid does show up and my data from the database is getting stored there, but it is the wrong color.

Here is my _layout view where I load all the css files:
    
        @*ASPNETAWESOME*@
        <link href="~/Content/themes/base/minified/jquery-ui.min.css" rel="stylesheet" />
        <link href="~/Content/themes/base/minified/jquery.ui.accordion.min.css" rel="stylesheet" />
        <link href="~/Content/themes/base/minified/jquery.ui.autocomplete.min.css" rel="stylesheet" />
        <link href="~/Content/themes/base/minified/jquery.ui.button.min.css" rel="stylesheet" />
        <link href="~/Content/themes/base/minified/jquery.ui.core.min.css" rel="stylesheet" />
        <link href="~/Content/themes/base/minified/jquery.ui.datepicker.min.css" rel="stylesheet" />
        <link href="~/Content/themes/base/minified/jquery.ui.dialog.min.css" rel="stylesheet" />
        <link href="~/Content/themes/base/minified/jquery.ui.menu.min.css" rel="stylesheet" />
        <link href="~/Content/themes/base/minified/jquery.ui.progressbar.min.css" rel="stylesheet" />
        <link href="~/Content/themes/base/minified/jquery.ui.resizable.min.css" rel="stylesheet" />
        <link href="~/Content/themes/base/minified/jquery.ui.selectable.min.css" rel="stylesheet" />
        <link href="~/Content/themes/base/minified/jquery.ui.slider.min.css" rel="stylesheet" />
        <link href="~/Content/themes/base/minified/jquery.ui.spinner.min.css" rel="stylesheet" />
        <link href="~/Content/themes/base/minified/jquery.ui.tabs.min.css" rel="stylesheet" />
        <link href="~/Content/themes/base/minified/jquery.ui.theme.min.css" rel="stylesheet" />
        <link href="~/Content/themes/base/minified/jquery.ui.tooltip.min.css" rel="stylesheet" />
        <link href="~/Content/themes/black-cab/AwesomeMvc.css" rel="stylesheet" />
        <link href="~/Content/themes/gui/AwesomeMvc.css" rel="stylesheet" />
        <link href="~/Content/themes/gui3/AwesomeMvc.css" rel="stylesheet" />
        <link href="~/Content/themes/met/AwesomeMvc.css" rel="stylesheet" />
        <link href="~/Content/themes/mui/AwesomeMvc.css" rel="stylesheet" />
        <link href="~/Content/themes/start/AwesomeMvc.css" rel="stylesheet" />
        <link href="~/Content/themes/wui/AwesomeMvc.css" rel="stylesheet" />
        <script src="~/Scripts/awem.js"></script>
        <script src="~/Scripts/AwesomeMvc.js"></script>
        <script src="~/Scripts/utils.js"></script>        
    
        @Html.Awe().Init()

I don't believe I am missing anything? I have some other CSS files in my _layout view referenced as well, is it possible they are interfering with the grid css? Thanks

eliawesome

asked at 01 Oct 2018

Answers

please follow the instructions here: https://www.aspnetawesome.com/learn/mvc/Installation jQueryUI is not necessary for awesome, and you should only reference 1 theme, not all of them
Omu

answered at 01 Oct 2018
- I am not sure why I duplicate referenced all those themes, I understand why that is probably what caused my problem. I read in the installation to "reference all CSS" so I blindly copied that over. Removing some of these references fixed my problem, thank you!
  
  at 01 Oct 2018 eliawesome
- You're supposed to copy from the minsetupdemo's `_Layout.cshtml`
  
  at 01 Oct 2018 Omu

please Sign In to leave an answer