I need to know how I can get all the rendered dates from the scheduler for the current view? I know that I have the data that I provide to the scheduler, but I am really concerned with recurring events. For a recurring appointment that is provided to the scheduler data, it could render up to six unique events. I am trying to get a list of those event.
I tried the OnCellRender event which iterates thru all the days on the scheduler, but there is nothing in the event data to identify if an appointment was rendered on that day or not.
I tried the OnItemRender event which iterates thru the appointments on the view, but for the recurring events it always gives the date in the defined appointment not the actual date that it was rendered.
For a use case, I want to use a Calendar to show a minified version of active days in a month. Since some of the events are recurring, I cannot just use the appointment data. I would like to give it to the scheduler and let the scheduler tell me what days are rendered as a result of the provided appointments.
For this appointment list, I should get the following dates returned:
5/2, 5/9, 5/16, 5/23, 5/30, 6/6, 5/25, 5/26
new SchedulerAppointment
{
Title = "Vet visit",
Description = "The cat needs vaccinations and her teeth checked.",
Start = new DateTime(2024, 5, 2, 11, 30, 0),
End = new DateTime(2024, 5, 2, 12, 0, 0),
IsAllDay = false,
RecurrenceExceptions = new List<DateTime>(),
RecurrenceId = Guid.NewGuid(),
RecurrenceRule = "FREQ=WEEKLY;BYDAY=TH"
}
new SchedulerAppointment
{
Title = "Planning meeting",
Description = "Kick off the new project.",
Start = new DateTime(2024, 5, 25, 9, 30, 0),
End = new DateTime(2024, 5, 25, 12, 45, 0)
}
new SchedulerAppointment
{
Title = "Vet visit",
Description = "The cat needs vaccinations and her teeth checked.",
Start = new DateTime(2024, 5, 26, 11, 30, 0),
End = new DateTime(2024, 5, 26, 12, 0, 0)
}
Hi,
How can I rotate the angle of the Axis labels?
I have tried everything but I might be missing something.
<TelerikChart Width="100%" Height="100%">
<ChartTitle Text="Number of trips per day"></ChartTitle>
<ChartLegend Position="@ChartLegendPosition.Bottom"></ChartLegend>
<ChartSeriesItems>
<ChartSeries Type="ChartSeriesType.Heatmap"
Name=""
Data="@tripsListData"
YField="@nameof(GetPublicTransportModified.tripsCountClass.trip_headsign)"
XField="@nameof(GetPublicTransportModified.tripsCountClass.weekDayName)"
Field="@nameof(GetPublicTransportModified.tripsCountClass.trips)">
<ChartSeriesTooltip Visible="true">
<Template>
@{
var dataItem = context.DataItem as GetPublicTransportModified.tripsCountClass;
}
<div>@($"{dataItem.weekDayName} contributions on {dataItem.trip_headsign}, week {dataItem.trips}")</div>
</Template>
</ChartSeriesTooltip>
<ChartSeriesMarkers Type="@ChartSeriesMarkersType.RoundedRect"
BorderRadius="5">
</ChartSeriesMarkers>
</ChartSeries>
</ChartSeriesItems>
<ChartCategoryAxes>
<ChartCategoryAxis >
<ChartCategoryAxisLabels>
<ChartCategoryAxisLabelsRotation Angle="315" />
</ChartCategoryAxisLabels>
</ChartCategoryAxis>
</ChartCategoryAxes>
</TelerikChart>
</Content>
</TabStripTab>
</TelerikTabStrip>
Many thanks,
Omar
I have a layout of three tiles like so:
<TelerikTileLayout Columns="3"
RowHeight="18vh"
Resizable="true"
Reorderable="true"
>
<TileLayoutItems>
<TileLayoutItem RowSpan="2" ColSpan="2">
<Content>
content
</Content>
</TileLayoutItem>
<TileLayoutItem RowSpan="4">
<Content>
content
</Content>
</TileLayoutItem>
<TileLayoutItem RowSpan="2" ColSpan="2">
<Content>
content
</Content>
</TileLayoutItem>
</TileLayoutItems>
</TelerikTileLayout>
Hello,
Is there a way to prevent the DropdownButton content from closing when clicking away from the dropped down content?
Thank you,
Scott
I have a TelerikGrid with paging enabled. The pager on the left hand side displays the page numbers as buttons, and on the right hand side displays the current items being displayed and the total number of items. The problem is that the right-hand side '1 - 1000 of 440000000' does not format the numbers, and for a grid with millions of possible rows reading the exact numbers is difficult.
So I wrote a little javascript to manipulate the dom and format these numbers. In particular I query the document for 'span.k-pager-info' and manipulate the innerText property. This works fine until I filter my grid, at which point it re-fetches data from the db BUT does NOT update that span with the new filtered innerText. In fact, any manipulation with javascript of the 'span.k-page-info' element causes that element to no longer be updated upon filtering data. Why? Is there any other way to format the numbers in the pager so that they display more clearly (ie. 44,000,000)?
Much thanks to all.
The specific option isn't opened.
<FilterComponent @ref="filterComponent" SelectedItem="selectedItem" SelectedItemChanged="UpdateSelectedItemAsync">