Telerik Forums
UI for Blazor Forum
1 answer
157 views

Hello,

I am trying to set up a GroupFooterTemplate and to calculate a value to put in the footer I need to know the value of the grouped attribute. In this case I am grouping on a column named "Category" and I call a function that needs to know the value of the category column in the group above the footer. If that's not clear here is a screenshot to help illustrate the value I'm trying to find when generating the group footer.

So I'm hoping to be able to pull that category value, "Biological" or "Kiln", when generating the group footer which I do by using the code here.


<GridColumn Field="@lengthColumnName" FieldType="@typeof(decimal)" Title="@myName" Width="180px">
                      <GroupFooterTemplate Context="unitFooterContext">
                              Total: %@calculateSubtotal(lengthColumnName, "Biological").ToString()
                      </GroupFooterTemplate>
</GridColumn>
Currently it is just hard coded to use Biological but I would like it to be able to use the category column value for each group to generate the correct value in each footer under each group. So ideally there is something I can access from the grid that will correspond to the value of the grouped column at each point where the footer is generated (so some variable that would change between biological, kilns, etc as the grid is created).
Hristian Stefanov
Telerik team
 answered on 19 Jan 2023
1 answer
417 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
953 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
144 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
290 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
140 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
251 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
641 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
338 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
314 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?