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. 

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.

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

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

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;
    }
}

Hi,

I have a TelerikEditor with additional custom tools:

In the razor-file:

<TelerikEditor @bind-Value="@myContent" Toosl="@tools">
    <EditorCustomTools> 
    @* Custom tools here *@
    </EditorCustomTools>
</TelerikEditor>

in the code behind file:

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

protected override Task OnInitializedAsync()
{
    tools = EditorToolSets.All;
    tools.Add(new CustomTool("MyTools");
    return base.OnInitializedAsync();
}

At this point, all works as expected.

But when I navigate to another page in my wasm App and then navigate back to the page with the editor, the custom tools is renderd twice. If I navigate away and back to the page once more, the custom tool is now renderd three times. If I do it again: four times the custom tool ....

I tried:

tools = new();

as first line in OnInitializedAsync, but with the same result.

I think it is a rendering problem. I checked tools.Count at the beginning of OnInitializedAsync and it is alway 0.

Any suggestions? :-)