I am working on a reactive form that uses the combobox component as an autocomplete to dynamically search for the values that the user is typing into it. We need to use the combobox instead of the actual autocomplete component because we need the value to be the entire underlying object that the user selects. 

This form also needs to pre-populate some data given to the component. I accomplish this using FormArrays/FormGroups and binding the combobox component to the value of the form control via the formControlName attribute. The problem I run into though is that when the combobox is bound to the formControl values, the text in the field that is bound to textField is not displayed.

My understanding is that since the objects I'm initializing the form with are not in the data list (i.e. my search results) they won't be displayed. I'd rather like to avoid merging the two lists together as that destroys the separation of concerns between something dynamic (the search results) and the static initial values. I'd also like to not have those initial values pop up as search results since they are already in the form. 

I've created a stackblitz that demonstrates my problem. https://stackblitz.com/edit/angular-cyaiax You can see by looking in the console that the initial form state is valid and pre-populated with the values supplied but they aren't displayed. Additionally if you "search" by typing in a combobox and selecting a value it will update the form appropriately and display the text. 

Is there a way to make the combobox display the pre-populated values of the formControl it's bound to?

Hello,

Is there a way to specify header and footer templates for multi-page pdf export ?

Thanks

Is it possible to collapse all rows or expend only one row at a time?

I've already tried this

https://www.telerik.com/kendo-angular-ui/components/grid/api/GridComponent/#toc-expandrow

Thank you in advance

We upgraded our app from Angular 6 to 7.  After the upgrade, we are getting a bunch of errors with the Resize Sensor when building in production mode.  I attached a screenshot of the error.  For troubleshooting, I created a brand new angular 7 app, added the dropdowns package along with popup and resize sensor packages, and get similar errors.  Build is fine in dev mode.

Going off this example
https://www.telerik.com/kendo-angular-ui/components/grid/editing/editing-row-click/#preview-2

Im having trouble with inline editing.  When I click on a cell, my click handler gets called, but no event information is carried over.  Im using the safe-nav operator because the grid wont have data until some other actions happen which results in an api call to fetch data.  The grid loads fine, but the $event doesnt seem to get carried into the click handler.

grid:

click handler:  when this method is hit in the debug console, the parameters are undefined.  What can I check to see why?

So Im looking at this example

https://txu6rb.run.stackblitz.io

How can I bind the "Discontinued" field to checkbox column?  Shouldn't just be all that's needed?
eg.  specifying the field?

<kendo-grid-checkbox-column showSelectAll="true" field="Discontinued" width="25"></kendo-grid-checkbox-column>

When I make that change, even through some of the Product's data has Discontinued as true, no checkboxes are displayed checked.

What am I missing?

Hello! 

I need to style some sortable items using the bootstrap grid system. If I set the itemClass to col-6 to all of them, everything works nice. I attached two pictures, one with the code and one with the result of this case.

But, I want some groups to be large and some small. (so depending on an item property, to have col-6 or col-12). If I set the col-{{group.size}} class to a div inside the template, bootstrap grid does not work correctly anymore.

Is it possible to achieve this behavior in some way?

Hi

I have a stacked bar chart that I want to have the series labels to be dynamically created on the last "color"

Currently in the attached file, i attached the series label to my "blue" bar.  However once inside the callback I can't get to my component to generate a dynamic label.

If i have just 2 colors, i can calculate the label using "value" and "stackedValue" ... but with more than 2 i need to get at my component

So how can I get the label to show total for each color in the row, not just the last color, ie

1st row is 1/4/7
2nd row is 2/5/8
3rd row is 3/6/9

Here is my sample

https://stackblitz.com/edit/angular-vushqc?file=app/app.component.ts

Thanks

 using the Splitter for left / right layout and  looking to find a way to make the splitter take up full height and width of the screen.

I have tried style="height: 100%;" on the 

<kendo-splitter orientation="vertical" style="height: 100%;">

but this didnt do anything. If I set the height to a px value it works fine.

Please help - here is a   for an example.

https://stackblitz.com/edit/angular-smpykp?file=src%2Fapp%2Fapp.component.ts