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">
I need to format and highlight xml and json in a view. I can not find a component within Blazor components. In other packages like WinForm there are solutions for displaying code. Any way I'm able to do this without clientside javascript solutions (like PrismJS)?
In case there is no component in the Telerik family I can use in Blazor, does anyone have a recommended setup to implement the functionality. A requirement is support for dark/light theming.
Thanks for any insights.