I have a grid with both its pageable and navigable settings turned on.  This grid works fine but appears to oddly affect another grid on the page that is added dynamically when a button is clicked.

The dynamically created grid has selectable set to true and it has a checkbox column.  The checkbox can be checked but not unchecked.

When either pageable or navigable is turned off for the first grid, the checkbox in the dynamic grid works as expected.

Here is a stackblitz project demonstrating the issue: (tested in Chrome and Edge)

https://stackblitz.com/edit/stackblitz-webcontainer-api-starter-lqeqyu

This project uses older versions of Angular and Kendo, and I have tested with the latest versions and the bug is fixed.

Is there a temporary workaround for this issue until I am able to upgrade?

Thanks!

Marvin

Hi everyone,

I got errors on "ng build" regarding a function in the all.scss after upgrading the upgrading kendo-theme-default to 6.1.0.

the error is:

./src/styles.scss - Error: Module Error (from ./node_modules/postcss-loader/dist/cjs.js):
C:\Perforce\Noorollah.Malek_LINW-DMALEK_QA_Reporting_Dashboards_Dev_856\QAReportingDashboard\QAReportingDashboard\ClientApp\src\styles.scss:26468:3: Can't resolve 'null' in 'C:\Perforce\Noorollah.Malek_LINW-DMALEK_QA_Reporting_Dashboards_Dev_856\QAReportingDashboard\QAReportingDashboard\ClientApp\src'

and is related to @progress/kendo-theme-default/dist/all.scss.

I figured out this is because of below function in the all.scss file which followed by ToDo comment since when I remove it the build goes successfully.

// TODO: Remove this function or rethink the logic
@function k-true-mix( $color1, $color2, $weight: 50% ) {
    @return k-color-mix( rgba( $color1, 1 ), rgba( $color2, 1 ), $weight );
}

if you remove this, still needs to make some other changes in other parts of the file.

Is there any other solution for that or is it fixed currently?

Thanks

Hi,

this is a bug report, not a question.

If we change the size of a treeview with checkboxes to large or small, the size of the checkboxes doesn't change, it remains as medium.

Other "bug" in the documentation: the large size of a checkbox is 20px and not 24px.

I have seen that this has been asked a couple of times but I cannot get it working in Angular using the bootstrap theme, maybe somebody could help me here? 

I would like a clear button that is inside the kendo-datepicker component (see attached image). The code is working correctly, only the CSS/HTML is the problem. Here is the snippet of HTML that I am using: 

<div class="row">
    <div class="col-sm">
      <div class="form-group">
        <kendo-label for="actTime">{{customMessageService.translate('formCardActivationTime')}}</kendo-label>
        <kendo-datepicker [(ngModel)]="actDate" (valueChange)="onActChange($event)">
        </kendo-datepicker>
        <button kendoButton fillMode="clear" icon="close" (click)="clearActDate()"></button>
      </div>
    </div>
    <div class="col-sm">
      <div class="form-group">
        <kendo-label for="dactTime">{{customMessageService.translate('formCardDeactivationTime')}}</kendo-label>
        <kendo-datepicker [(ngModel)]="dactDate" (valueChange)="onDactChange($event)">
        </kendo-datepicker>
        <button kendoButton fillMode="clear" icon="close" (click)="clearDactDate()"></button>
      </div>
    </div>
  </div>

there is no additional CSS at the moment. I have tried to move the button within the datepicker and a lot of other things but I just cannot seem to get it to work 🙁 

Thank you for any help given.

Cheers

Ursus

Is it possible to have the date range with calendar icons? 

Like the below image:

Thanks!

Hi All,

Using the clear button on kendo-textbox

 <kendo-textbox
              #firstName
              [clearButton]="true"
              formControlName="firstName"
            ></kendo-textbox>

Anyone know if you can set tabindex of clear button to -1 (or achieve similar)?  Tabbing to it when you're trying to enter info is annoying!

Many Thanks,

Rich

Hi,

I have a kendo-dropdownlist and I want to override the style of the kendo-popup. I want to change the font as well as change the style for the selected item (see attached file) like the background color, etc...

How do I go about doing this? I've tried styling using pseudo ::ng-deep, :host ::ng-deep to using the classes .k-popup, the li's .k-list-item, etc..

Thanks!

Jaime

I reached that Telerik itself call a request to get template in like (resources/templates/telerikReportViewerTemplate-16.1.22.511.html/), cache it, without attach any token to authen. The problem is, my service required any request to host ServiceUrl must be authen, in that case I must include a token to header.

Do you guys have any idea for that thing?

Thanks.

Son Dang

I was following the kendo getting started tutorial. 

I'm able to add Calendar component successfully and see it in the UI. But when i tried to add Data grid using command - "ng add @progress/kendo-angular-grid" , I can add the module successfully but when i run my application its throwing error - " 'get' and 'set' accessor must have the same type. "

Same issue when i tried to add and run dropdown component..

Can anyone please help.

Thanks in advance.