Telerik Forums
UI for Blazor Forum
1 answer
480 views

On the Blazor Upload demo page it shows the control with a "drag and drop" option. I haven't been able to find information on the site on how to implement that. I have found a few places where it makes it sound as if that is not yet possible. Can you direct me to a location where it has further information on that feature? Thanks

Hristian Stefanov
Telerik team
 answered on 19 Jan 2023
0 answers
1.0K+ views

Before upgrading to 4.0, I used to define a GridCommandButton this way (with FontAwesome custom icons) :

<GridCommandButton IconClass="fal fa-sync-alt fa-lg" OnClick="Refresh">@Resources.Refresh</GridCommandButton>

But now with 4.0, IconClass parameter has been removed. Documention says to use Icon parameter, that only accept a FontIcon or SvgIcon object value.

But how do a use those to display my custom icon in above code?

Bruno
Top achievements
Rank 1
 asked on 19 Jan 2023
0 answers
182 views

Working on some CSS stuff in Telerik for Blazor and see some CSS rules defined like this: 

.k-this-class {

    color: green;

}

.\!k-this-class {

   color: blue;

}

What does the .\! do in CSS?

Thanks. 

Joseph
Top achievements
Rank 1
 asked on 19 Jan 2023
1 answer
363 views
I'm attempting to emulate the typical desktop grid user experience with using up/down/pgup/pgdn keys to move the selected row (single) in a grid.  I have it all working perfectly when running locally in development.  But when deployed to production server, it's too slow due to latency over the wire.  It's about a 1 second delay for each row change if there are more than say 5 rows.  The more rows that are displayed, the slower it gets.

I tried the navigable setting but it's just not quite what our users would expect.

So, I'm thinking of a JavaScript function that will simply highlight a row.  I'm already handling tracking the selected row programmatically, so if I can just highlight the specified row at the front end and remove the 2-way binding on the SelectedItems, I think that will solve the latency issue.

2 questions:

(1) Is this how you'd suggest handling this to speed up the rendering?

(2) do you have any JavaScript that would highlight a row in a grid where a specific cell value is equal to a specific value?  I've spent a couple of days trying to find/come up with some JS that would highlight a row.  But I'm not having any luck.

await _js.InvokeVoidAsync("App.highlightRow", "." + "myGridClassName", IDValueToHighlight);

Thank you for your consideration,

Mike
Nadezhda Tacheva
Telerik team
 answered on 18 Jan 2023
1 answer
188 views
I don't have any hoverstyle in my menu's

Only css in the project is 
https://blazor.cdn.telerik.com/blazor/3.7.0/kendo-theme-default/swatches/default-ocean-blue.css
Yanislav
Telerik team
 answered on 18 Jan 2023
1 answer
315 views

We color code each day of the week based on a service call.  Is there a way to know when the month is changing so that we can fire our service call event and populated disabled dates and colors for the calendar cells?

 

One idea I had was when rendering the cells, check to see if the first is being rendered then fire the service call event.  Doesn't seem like the best option as that would cause the rendering to pause while the call was being executed.

 

 

Nadezhda Tacheva
Telerik team
 answered on 18 Jan 2023
1 answer
777 views
Is there a way to display the totals row at the top of the grid instead of at the bottom?
Hristian Stefanov
Telerik team
 answered on 18 Jan 2023
1 answer
456 views

Hi there,

I'm facing a problem with charts in a tile layout. I have a TileLayout in my applicaton and added some charts (which are in another component) to it. I checked the documentation about TileLayout and resizing so I followed those steps. Please check out my code:

Razor MainPage:

<TelerikTileLayout Columns="5"
           ColumnWidth="300px"
           Reorderable="true"
           Resizable="true"
           OnResize="TileItemResize">
    <TileLayoutItems>
        <TileLayoutItem HeaderText="My Item Text" RowSpan="2">
            <Content>
                <TurnoverComparisonWidget @ref="TurnoverComparisonRef" SelectedWidget="widget" IsLoad="true"></TurnoverComparisonWidget>
            </Content>
        </TileLayoutItem>
    </TileLayoutItems>
</TelerikTileLayout>


Razor TurnoverComparisonWidget:

<TelerikChart @ref="ChartRef" Height="100%">
    <ChartTooltip Visible="true"></ChartTooltip>

    <ChartSeriesItems>
        <ChartSeries Type="ChartSeriesType.Column" Data="ChartData" Field="@nameof(ChartDataItem.Value)" CategoryField="@nameof(ChartDataItem.CategoryName)">
            <ChartSeriesLabels Visible="true" Format="{0:C2}"></ChartSeriesLabels>
        </ChartSeries>
    </ChartSeriesItems>
</TelerikChart>


C# MainPage:

public TurnoverComparisonWidget TurnoverComparisonRef { get; set; }

private void TileItemResize()
{
    TurnoverComparisonRef.Refresh();
}


C# TurnoverComparisonWidget:

public TelerikChart ChartRef { get; set; }

public void Refresh()
{
    ChartRef.Refresh();
}

But the chart is not resizing when I resize the tile layout item. It just stays the same size and never changes. Did I forget anything? I can't figure it out.

Best Regards,
Roman

Yanislav
Telerik team
 answered on 18 Jan 2023
0 answers
371 views

Hello,

I have a grid where is use OnRead to get the data. The EditMode is set to Inline. 
I can insert, and delete a row from the grid but I can't edit a row.
I have defined EditorTemplate but it doesn't enter into it.
I'm trying to migrate the solution on the version 3.7.0 of your framework.
Previously I had the version 2.29 of your framework where I didn't got that problem.
Behind the grid I have a DataTable like in this example: https://demos.telerik.com/blazor-ui/grid/data-table

I've read the articles regarding this issue and I also tried the solution on this topic
https://www.telerik.com/forums/grid-with-inline-edit-how-to-add-new-row-and-manage-save-cancel-request-from-code
But it doesn't seams to work for me, the EditorTemplate is not displayed.

I will appreciate if you can help me on this issue.

Thank you in advance,
Cipri

Ciprian Daniel
Top achievements
Rank 1
Iron
Iron
Iron
 asked on 17 Jan 2023
1 answer
716 views

Hello,

I want to provide two modes for editing with the editor.

One full-featured editor with all tools (EditorToolSets.All) and one mode with none or only custom tools and I want to switch between the modes.

So I tried somethink likse this:


private List<IEditorTool> tools { get; set; } = new List<IEditorTool>();

protected override Task OnInitializedAsync()
{
    tools = EditorToolSets.All;
    tools.Add(new CustomTool("MyTool");
}
 
private void SwitchModel(MyMode mode)
{
    if (mode == MyMode.Full)
    {
        tools = EditorToolSets.All;
    }
   
    if (mode == MyMode.None)
    {
        tools = Clear;
    }
}
If I switch from MyMode.Full to MyMode.None, all tools disappers. But if I switched back, nothing happens. How can I get the tools back? :-)
Svetoslav Dimitrov
Telerik team
 answered on 17 Jan 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?