I'm trying to create more condensed grids in Kendo UI for Angular.

I've added a style to reduce the font size which works

However try and change the default padding from  padding: 8px 12px; to nothing it seems to have no effect.

I've taken the demo grid from the Kendo Angular site and just added these styles to https://plnkr.co/edit/WByOCE8JzmJkNq4wROIw?p=preview

Any ideas on how to compact the grid to fit more data in?

Hi,

I run your doc sample located here :

https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/filtering/#toc-basic-configuration

and tried to combine filtering with preset value and noticed that when I type-in a keyword to filter and then pick an entry from the filter result, the widget would clear the old pre-selected entry.See my plunker here https://plnkr.co/edit/iCqJrjB7tqiafaVc7PT3?p=preview

To replicate:

-Ensure "Small" is selected in the widget

-type in "ge" inside the widget so that "Large" gets filtered.

-pick "Large"

-The entry "Small" will disappear

I assume this is because the filtered result does not include "Small" entry so its option is not available for the select widget.This is happening when using value binding and ngmodel binding.It is also an issue when using server side filtering so I had to always append a filter for each preselected entry value and then add a filter for the typed-in text:

Thanks

Madani

Hi there.

I want to use mainGridOptions in your grid to transfer the header names and use the translation with angular {{ my_header_name | translate }}

Did  mainGridOptions not exists any more ?

Can you provide a sample to user the angular translation with the grid headers ?

Hi there. 

I'm trying to move my app to angular 5 and want to use the mainGridOptions.

In the past i could use there the angular translation service.

Is it still possible or could you provide a sample ?

I'd like to be able to use a linear gradient as a fill color when generate shapes.  However, the TypeScript definition of color in FillOptions is limited to string.  How can I go about solving this? 

const gradient = new LinearGradient({
        name: "LG1",
        stops: [
            new GradientStop({
                color: "gray",
                offset: 0,
                opacity: 0
            }),
            new GradientStop({
                offset: 0.5,
                color: "orange",
                opacity: 0.8
            })]
    });

            const geometry = new GeomRectangle([currentStartPoint, 0], [segmentLength, stackedBarWidth]);
            const rect = new Rect(geometry, {
                stroke: { color: "black", width: 1 },
                fill: { color: disp.color, opacity: 1 }
            });

How can I change the donut size hole?  The holeSize property does not seem to work.  I tried setting it to 1, 5, 10, 20 and it turns the donut into a square.

Here's an example plunker

https://plnkr.co/edit/xC6m126rKRv5qI1xFTp2?p=preview

I'm currently completing a project in which I've installed filter menus in my UI Grids. So far everything has been working fine with one exception, that the calendars show up off screen something like 10 or 15 frames below the view I'm in. I remember this being related to collision but I'm not entirely sure where I'd need to input the code to nudge this in the right direction globally. Also this may not be the only problem as I remember in the past, before this issue came up, the calendars were coming up as blank objects.

Let me know if you can think of any extra steps that need to be followed in implementing the calendars in either the datepickers or filter menus for Angular 2/4/5. My project is a .Net Core 2/Angular 4 SPA so it's quite possible that I need some type of script in my Layout.cshtml, I'm just not sure what. 

Thank you!