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

Help formatting (overriding) grid styles

7 Answers 301 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Reid
Top achievements
Rank 2
Reid asked on 03 Jul 2018, 06:16 PM

I have been quite frustrated trying to override the default styles for a grid.  Currently the paging section is showing the top of a round circle in the page number of the footer paging section.

Also this grid is showing every other row color as blue.

There is nothing as far as styles that use blue at all in this project and I have inspected it in Chrome until I am blue in the face. (pardon the pun).

Can someone please provide the style declaration for the Kendo UI Grid (MVC) that would override this.

Please see attached.

 

Thanks

7 Answers, 1 is accepted

Sort by
0
Reid
Top achievements
Rank 2
answered on 03 Jul 2018, 06:20 PM
Please disregard the statement about the blue rows.  I just found the issue.  There was a piece of .CSS on the page for .table and that was causing it but the problem I have showing the top of the circle in the paging page indicator still persists.
0
Accepted
Tsvetina
Telerik team
answered on 06 Jul 2018, 10:47 AM
Hi Reid,

The pager button does not look correctly styled at all. It looks like it is picking up a mix of styles from more than one Kendo UI skin. Can you show me the full list of Kendo UI references that you have in your project? Check both _Layout.cshtml and the current view where the Grid is declared.

Regards,
Tsvetina
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Reid
Top achievements
Rank 2
answered on 09 Jul 2018, 01:18 PM

Hi Tsvetina,

I have since resolved this by making sure the styles included do not cross over by version.

Can you tell me though how to download the latest Kendo UI JavaScript?  So to correct this I am including links from :
https://kendo.cdn.telerik.com/2018.2.620/styles/

Where can I download those scripts so that I can replace my 2018.1* local scripts?

0
Tsvetina
Telerik team
answered on 09 Jul 2018, 04:24 PM
Hello Reid,

There are different options for getting the Kendo UI script files in your project. If you already installed the latest version of UI for ASP.NET Core on your computer, then you can get the Kendo UI CSS files from the installation folder:
C:\Program Files (x86)\Progress\Telerik UI for ASP.NET Core R2 2018\styles

Regards,
Tsvetina
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Reid
Top achievements
Rank 2
answered on 10 Jul 2018, 12:25 PM

Hello Tsvetina,

I had a discussion with your colleage with the link below and installed the Telerik UI for AspNet Core extension so I now have a "Telerik" menu item.  When I view that extension as intergrated into the solution it shows 2018.1221 as the latest stable version and there are no other versions available in the drop down.  Yet looking at the .css in the folder you mention the version is "Kendo UI v2018.2.620 ".

 

Can you help clear this up for me?  Why is there a newer version installed on my machine but the extension as seen in the Package Manager does not see it?

 

Thanks

 

 

 

 

0
Reid
Top achievements
Rank 2
answered on 10 Jul 2018, 12:27 PM
0
Accepted
Tsvetina
Telerik team
answered on 13 Jul 2018, 08:30 AM
Hello Reid,

It depends on where you are trying to use the installed version. If I understand your description correctly, you have this folder on your computer:
C:\Program Files (x86)\Progress\Telerik UI for ASP.NET Core R2 2018\styles

but you do not see this version in your package manage console. Could you check if when you try to create a new project, the version dropdown contains 2018.2.620: screenshot (here latest version installed is 2018.2.516).

If what you describe is the version in the NuGet Package Manager, the latest version shown depends on the package source. If the package source is the DLL file itself, then it will show only the version of the currently referenced Kendo.Mvc.dll: screenshot. You need to change the package source to telerik.com: screenshot. If you do not have the Telerik NuGet package in the dropdown, you can follow the instructions here:
Telerik NuGet Private Feed

The other option, of course, is to manually replace the Kendo.Mvc.dll reference and Kendo UI JS and CSS files with the new ones from the installation folder:
Upgrade to newer version

Regards,
Tsvetina
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Grid
Asked by
Reid
Top achievements
Rank 2
Answers by
Reid
Top achievements
Rank 2
Tsvetina
Telerik team
Share this question
or