Given multiple groupings, I would like to prepend {groupField: groupValue ->} to each child grouping.
For example:
Group Result:
Supplier ID: 1
Supplier ID: 1 -> Category: Beverages
Supplier ID: 1 -> Category: Beverages -> Name: Chai
How can I retrieve the child group's parent groups, so I can prepend them to the child group's header template?
Thanks!
<kendo-multiselect
aria-label="Racial Identities"
[checkboxes]="{ checkOnClick: true, enabled: true }"
formControlName="RaceAndEthnicity"
#multiselect
[autoClose]="false"
[fillMode]="formUiStyle.dropDownFillMode"
[data]="raceAndEthnicityData"
[textField]="'lovDesc'"
[valueField]="'lovCode'"
(valueChange)="RaceAndEthnicityhange($event)"
[popupSettings]="{
popupClass: popupClassMultiSelect,
animate: true
}"
>
<ng-template kendoMultiSelectHeaderTemplate let-dataItem>
<div class="input-search">
<span
class="material-icons"
aria-label="search racial identity"
aria-hidden="true"
>search</span
>
<kendo-floatinglabel text="Search">
<!-- Added by me to filter the items on a search textbox. -->
<kendo-textbox
aria-label="search racial identity"
[fillMode]="formUiStyle.inputFillMode"
placeholder="Search"
>
</kendo-textbox>
</kendo-floatinglabel>
</div>
</ng-template>
<ng-template kendoMultiSelectItemTemplate let-dataItem>
<span class="app-checkboxwidtext-wrapper">
<input
type="checkbox"
kendoCheckBox
attr.aria-labelledby="{{dataItem.lovDesc}}"
[id]="dataItem.lovDesc"
/>
<label class="k-checkbox-label" [for]="dataItem.lovDesc">{{
dataItem.lovDesc
}}</label>
</span>
</ng-template>
</kendo-multiselect>
In Calendar month view, can I adjust the start day of the week?
Setting Saturday as the first day of the week is an example.
https://stackblitz.com/edit/angular-vth9pa?file=src/app/app.component.ts
Hello, having an issue after upgrading to Angular 15 (from Angular 6), after update the Grid to angular-kendo-grid 7.4.2, now my Grid layout is wrong on columns with nested kendo-grid-column-group, this is the code for that column:
<kendo-grid-column-group title="Body" [headerStyle]="{'background-color': '#0064A3','color': '#fff','line-height': '1em'}">I attached image below, column-group Body should be same length as column Material but is incorrect after the upgrade, any ideas why is happening? Thanks.
./src/styles.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Index out of range
â•·
820 │ @return function-exists( $name );
│ ^^^^^^^^^^^^^^^^^^^^^^^^
╵
@progress\kendo-theme-material\dist\all.scss 820:13 k-meta-function-exists()
@progress\kendo-theme-material\dist\all.scss 6489:19 generate-utils()
@progress\kendo-theme-material\dist\all.scss 6577:1 @import
src\styles.scss 9:9 root stylesheet
I get the above output when I upgraded to version 6 of the material theme. It builds successfully with version 5.x.x
Can we achieve the same functionalites of date in the kendo chart.
The first pic(Apex chart(pic 1).) is from apex chart in which we can get the data arranged in a proper format,and when the dates increase the apex chart gives all the dates arranging it in proper manner.for example when it has 30 dates for that it gives the dates arranged in 12 colums.
and when click on year it gives 12 months with all the data arranged in proper format of 12 colums(months).
how can I achieve this in kendo chart
Hi, I'm facing with a problem when trying to use DialogService in a module less application with Angular 15
I've created a sample application to ilustrate the problem. Is based on the official documentation located at:
https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service/#toc-content-template
When I launch the app the button doesn't appear and a console error is thrown about BrowserModule
Here is a screenshot with that error.
Thanks in advance!
I'm using a Kendo Grid in an Angular template and trying to allow a
service in the component to define some css styling but having a
problem.
<kendo-grid
*ngIf="canLoad()"
[data]=etc...
[rowClass] = "rowCallback"
>
public canLoad() : boolean
{
return this.myservice !== undefined;
}
public rowCallback(context: RowClassArgs)
{
this.myservice.doSomething();
}
I get an error "Cannot read properties of undefined (reading 'doSomething')"
... why do I get an error when the ngIf check has evaluated myservice
as being instantiated? How can I get the rowCallback to wait until the
service has been instantiated?
... also
I read a previous Telerik forum response where an employee stated
"The rowClass callback function is directly passed as a value to the ngClass directive,
which is then applied on each row." ... so just to see if my problem was a behaviour of Angular itself I
added <div [ngClass]="rowCallback()">testing...</div> and myService was available and the doSomething()
method was called.
I am using the kendoGridNoRecordsTemplate and for some reason it is displaying only in one column
See below. How can I correct this