Hi,

I have a few pages with the code structure below and I'm looking to make the right pane a floating pane. The reason for this is because the panel bar in the left pane can be quite long when expanded. The right pane displays functions from the item selected in the left pane and hence they need to be visible at all times when the user scrolls down. What's the best way to achieve this?

Here is a sample of the code:

<kendo-splitter orientation="horizontal">
  <kendo-splitter-pane size="50%" min="40%">
    <div class="panelbar-wrapper">
      <kendo-panelbar [expandMode]="kendoPanelBarExpandMode"
                      (stateChange)="onPanelChange($event)"
                      [keepItemContent]="true">
        <kendo-panelbar-item 
           ......
        </kendo-panelbar-item>
      </kendo-panelbar>
    </div>
  </kendo-splitter-pane>
  <kendo-splitter-pane min="40%">
    <div *ngIf="openannotation" class="container card">
      <app-annotation [taskId]="selectedTaskId" [expId]="expId"></app-annotation>
    </div>
  </kendo-splitter-pane>
</kendo-splitter>

thanks in advanced,

Carla

Hello, I recently discovered that using the key combination of Shift+Return in the Angular editor is inserting an unclosed <br> tag into the HTML.  This is different from the JS editor where a closed <br/> tag is properly inserted.

Thanks,

Bob

Hi,

We are using angular grid. Quite often the alignment of cells in grid gets distorted. We tried in a sample https://angular-jwnnwp.stackblitz.io/. It is reproducible here as well. PFA the screenshot.

Please suggest if this can be handled.

Regards,

Jaspreet

Hi,

We are creating a custom control which contains a kendo textbox. (The custom control only contains the kendo-textbox)
We want to use reactive forms with the formGroup/formControlName in this custom control on the kendo-textbox

How can I achieve this one?

thanks!

I am using a Kendo Grid component with a large variety of data set sizes, so I would like to use auto, but still make it multipage and have the PDF header and footer. I have this working with paperSize of A4 but when I set it to 'auto', then the header/footer templates do not show.

Is this a known issue? Currently using pdf-export 2.0.0, angular-grid 4.8.4

I have implemented a custom drop-down filter following the instructions at Reusable Custom Filter Components.

So far so good.  I select a filter

and we can see it clearly in the settings for the grid and the Category column shows it has been applied.

Now I select the clear filter:

But the filter for the column is not cleared.

I have modified your code to give me an emitter when the default item is selected:

Which then clears all filters:

Hardly ideal.  How do I hook the Clear filter button into the DropDownListComponent and make it work predictably? 

We are having a problem with the location of popup that is placed into a modal dialog when user needs to scroll down the main window in order to access the control that open the modal. The link shows the problem 

https://vsolvit-git.github.io/kendo-popup

There are 2 buttons that open the same modal dialog. 
When dialog is open by clicking on the top button, popups in the modal (dropdown and datepicker) are displayed as expected.

 When the same dialog is open by clicking on the bottom button the popups are missaligned (since the default 'appendTo' setting for the popup is 'root' the position accounts for the scroll offset).

I tried setting value of  'appendTo' to 'component' in the popupSettings. This fixes the alignment issue but makes popup unreachable when the control is located near the bottom of the dialog. 

Thank you

Hi

Do you support Bootstrap5 without Jquery in May 2021 ?

Regards

Hi all,

I'm getting so frustrated with your scrollable options on the grid.
It seems to get horizontal scrolling to work we must set the width of the grid which has to be less that the total width of all the columns?
How am we supposed to get that to work when we have column selectors and users are adding and removing columns?
How the hell am I supposed to know the width of the grid when I want it to to expand to 100% width of the container?

Is it not possible for you guys to calculate the width after render, compare this to the parent div and then decide whether or not to implement a horizontal scroll?

A stackable option would be great so on a mobile device columns will stack with a container border around each row.
But let's just get the horizontal scroll sorted first, I have so many customers where the end of the grid simply disappears behind the container div.

Please help, your grid is way ahead of the competition for functionality but way behind in terms of responsive options.  The media-width stuff just causes even more work and confusion, I tried but had to pull it out after a lot of work and a lot of complaints.

BTW - well done on the forum, it's coming along nicely...

Cheers,
Bob

There seems to be a bug when filtering the grid with virtual scrolling. Everything works fine if I apply the filter before scrolling through the grid.

Now failed scenario:

1. Scroll to the very bottom of the grid.

2. Apply filter.

Result - nothing shows up. Unless you scroll, then the records magically appear. Setting skip to 0 after filtering does nothing, skip = 1 works sometimes.

Fun fact: if  filtered item list does not exceed the maximum number of rows in the actual grid view, there is no way to make them display.

Is there a way to bypass this issue? Am I doing something wrong?

https://kendo-grid-checkall-kjuhaw.stackblitz.io

https://stackblitz.com/edit/kendo-grid-checkall-kjuhaw?file=app