Hello,

we use the TelerikGrid with virtual scrolling. Now we want, that the grid fills the remaining space regardless the number of rows. The parent div already has the size of the window but the grid doesn't fill it up. I set the height of the grid to 100% but this didn't work. 

Does anybody have an idea what we have to do?

Best regards
Kai

I copied the below code to my Telerik C# blazor application and received many errors.

I must miss some components that need to be included in the project. Please help...

Thanks, Steve

https://demos.telerik.com/blazor-ui/signature/overview

@page "/signature/overview"

<DemoConfigurator>
    <DemoConfiguratorColumn Description="Color">
        <TelerikColorPicker Value="@Color"
                            ValueChanged="@OnColorValueChanged">
        </TelerikColorPicker>
    </DemoConfiguratorColumn>
    <DemoConfiguratorColumn Description="Background color">
        <TelerikColorPicker Value="@BackgroundColor"
                            ValueChanged="@OnBackgroundColorChanged">
        </TelerikColorPicker>
    </DemoConfiguratorColumn>
    <DemoConfiguratorColumn Description="Stroke width">
        <TelerikSlider @bind-Value="@StrokeWidth"
                       Min="1"
                       Max="5"
                       SmallStep="1"
                       LargeStep="1"
                       Width="450px">
        </TelerikSlider>
    </DemoConfiguratorColumn>

 <DemoConfiguratorColumn Description="Popup Scale">
        <TelerikSlider @bind-Value="@PopupScale"
                       Min="1"
                       Max="2"
                       SmallStep="0.5"
                       LargeStep="0.5"
                       Width="150px">
        </TelerikSlider>
    </DemoConfiguratorColumn>
    <DemoConfiguratorColumn Description="Hide line">
        <label>
            <TelerikCheckBox @bind-Value="@HideLine"></TelerikCheckBox>
            Hide line
        </label>
    </DemoConfiguratorColumn>
    <DemoConfiguratorColumn Description="Smooth">
        <label>
            <TelerikCheckBox @bind-Value="@Smooth"></TelerikCheckBox>
            Smooth
        </label>
    </DemoConfiguratorColumn>
</DemoConfigurator>

<div class="signature-wrapper">
    <TelerikSignature Width="500px"
                      Height="200px"
                      Color="@Color"
                      BackgroundColor="@BackgroundColor"
                      HideLine="@HideLine"
                      Smooth="@Smooth"
                      StrokeWidth="@StrokeWidth"
                      PopupScale="@PopupScale"
                      @bind-Value="@Value">
    </TelerikSignature>

    <div class="notes">
        By using the Telerik UI for Blazor Signature component,
        you can allow your end-users to draw their signatures
        using mouse or touch devices.
    </div>
</div>

<style>
    .signature-wrapper {
        width: 500px;
    }

    .notes {
        font-style: italic;
        padding: 1em;
        border-width: 1px;
        border-bottom-width: 0;
        border-style: solid;
        border-radius: 0;
        border-color: rgba(0, 0, 0, 0.08);
    }
</style>

When Y is 0 there's no place to hover in order to get the current tooltip.

Is there a way to add a tooltip when hovering on charts category series label as well?

I want my end users to be able to select a "series palette" for the telerik charts I created.

Though I can easily create a handler that assigns colors to series when I create them, I was wondering where the default colors come from when no color was assigned to the series, and if I can "override" this somehow for a specific chart.

I have Examined the source code somewhat, but up to now to no avail.

1) Is it possible to set the "default colors palette" on <TelerikChart > or <ChartSeriesItems> level, but without setting a specific color on <ChartSeries> level?

2) Is there another way (eg CSS) to define the series color palette for a chart series that would not change the palette for other charts on the same page?

3) How could I address the (default color) palette if I wanted to assign eg each column in a column chart with a color from the default palette?

TIA - Hans

Hello.

It's possible to hide No Data Template if, when typing, no value are found?

THanks

Hello.

I use Custom Batch editing Grid and need to perform some validation when save all changes.

I try in the view

<ValidationMessage class="col-sm-12 text-danger" For="@(() => CurrentlyEditing.tlkpLocalisationId)" />

with something like this in the razor.ca file

    public async Task SaveAllChanges()
    {
...
        messageStore?.Add(editContext.Field("tlkpLocalisationId"), "test");  
....
    }

Not working.  And more if user change/add some invalid data (multiple rows) so those rows must be validated too.

Thanks for your time

I have an odata endpoint that I would like to filter records based on a boolean value in a sub object.

How would I go about using FilterDescriptors to create the following bolded Query parameters in my OData call?

http://MyODATAEndPoint/MyRecords?$count=true&$expand=Flags($filter=IsCleared ne true)

I have a Windows setup as a modal. On the window I have a small form.  When I hit the save button on the form the data saves but then I want to automatically close the modal window.  

This is my Save method:

private bool isModalVisible { get; set; } = false;  
protected void OnDoubleRowClickHandler(GridRowClickEventArgs args)
  {
   isModalVisible = true;
 }   

public async void OnSubmitHandler(EditContext editContext)
    { 
        bool isFormValid = editContext.Validate();
        MyVM myClass = (MyVM)editContext.Model;
        if (isFormValid)
         {
         var result = await _myService.SaveMyClass(myClass);
         isModalVisible = false;
        }
    }

I  make the modal window visible in a double-click event on a grid row.

HYow do I close the modal from inside my SubmitHandler method?

The content area of my tabs have grid controls on them. I have them configured to go to a detail page when a row is double clicked.

When the detail page comes up I lose the tab strip.  

Is there a strategy or technique for keeping the tabstrip at the top even when navigating from grid to a detail page?