Questions on UI for Blazor Forum

Is their any way to customize the size of the browser print dialog window? It currently appears in a less-than-ideal manner, especially in Microsoft Edge.

PDFViewer

answered on 03 May 2024

1 answer

140 views

Grid Paging unresponsive browser freezing and locking up

We have recently upgraded to v5.1.1 and noticed on one of our Grids that when you have the page size set to 100 and start paging through the grid, when you reach page 6, the browser locks up and you get the chrome prompt of "wait/close tab". We reverted back to 4.5.0 and the issue seems to disappear. We are using the OnRead event to get the data for the grid. I tried replicate the issue with a simple object (fewer properties) and smaller data set and I was not able to do so so it seems it's only happening with larger data sets

Grid

answered on 02 May 2024

2 answers

164 views

[Solved] Heatmap chart

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

Charts

answered on 01 May 2024

0 answers

129 views

Limiting # Rows When Reordering TileLayout

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>

I would like the tile layout to stay 4 rows in height, however when a user reorders one of the tiles in a certain way, it extends it down to a 5th row, and displaces one of the tiles in an unpleasing way, which I've shown in the attached image. I want to restrict the tile layout so that it stays 4 rows deep, but still allow my users to rearrange the tiles within that restricted space. Is this possible?

TileLayout

updated question on 30 Apr 2024

2 answers

281 views

DropdownButton closes content when clicking away

Hello,

Is there a way to prevent the DropdownButton content from closing when clicking away from the dropped down content?

Thank you,

Scott

DropDownButton

answered on 30 Apr 2024

1 answer

185 views

How could I format TelerikGrid's paging numbers?

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.

Grid

Pager

answered on 29 Apr 2024