Hi,
I used the kendo ui angular for tilelayout to create a dashboard but i am not able to remove or add the tiles as there is no delete or add icon in the tiles. So currently drag and drop of the tiles are happening but not able to remove the tile from the dashboard.
can you please help me?
I am building the application using Angular.
Hi,
I'm using kendo grid in angular. I'm trying to hide/remove the total cell from the kendo grid using *ngIf, but only content inside the cell is hiding, empty cell is showing.
How to hide the total cell from the grid,
This is the code , I have used
<kendo-grid id="antibiotic-result-view" [data]="uniqAntibioticList" [resizable]="false">
<kendo-grid-column field="Expansion" [width]="150">
<ng-template kendoGridHeaderTemplate let-column let-columnIndex="columnIndex">
<div class="antibiotic-heading">{{"Antibiotic" | translate}}
<mat-checkbox type="checkbox" [ngModel]="allCompleted" disabled="true"></mat-checkbox>
</div>
</ng-template>
<ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
<div *ngIf="dataItem.IsSuppressed">
<span>{{ dataItem.Expansion }}</span>
<mat-checkbox type="checkbox" [ngModel]="dataItem.IsSuppressed" disabled="true"></mat-checkbox>
</div>
</ng-template>
</kendo-grid-column>
</kendo-grid>
I have been trying for past 2 days, could someone help me on this ?
Hello,
I have a multi-week view scheduler, in which i use the kendo kendoSchedulerGroupHeaderTemplate
directive to style my groups according to some resources.
I want to impose a max-width on this, in order to make sure that the names of the groups are within proportion. (See example: Too-long.png)
I have my html code:
<ng-template kendoSchedulerGroupHeaderTemplate let-resource="resource">
<div class="group-header-wrapper">
<div class="group-header-main">{{ resource.text }}</div>
<div class="group-header-alt">{{ resource.line }}</div>
</div>
</ng-template>
and my css:
.group-header-wrapper {
//code
}
.group-header-main {
width: 100%;
text-align: left;
background-color: $secondary-color;
padding: 2px 4px;
}
.group-header-alt {
width: 100%;
text-align: left;
color: white;
padding: 2px 4px;
}
adding max-width to group-header-wrapper. doesn't fix this. Because the event become unaligned. (see example: unaligned.png)
How can I style this so the events are aligned with their respective slots and days?
Thanks,
Govert Jaap
All thes days the ui of it is fine as we can see in document but now the grid ui is not proper .Is there any modification/update?Tried multiple ways but still i could't resolve.Pfa any suggestion would be great.