Hello!

I want to export Blazor grid content to CSV and make some changes before export. This example works fine with GridCommandButton 

Blazor Grid Export Export Events - Telerik UI for Blazor

I want to use a standard button instead of GridCommandButton. 

     <Button ..
             OnClick="ExportGridData">
         Export
     </Button>

    internal void ExportGridData()
    {
        gridRef?.ExportToCsv();
    }

My issue is, executing ExportToCsv does not trigger OnBeforeExport. Is there a way to trigger OnBeforeExport when calling ExportToCsv() from a button click event?

Thank you.

Hello,

We recently upgraded to Telerik v7.0 for our controls and since then expanding a single item always expands all items.  Has anyone else run into this or does anyone know a workaround?

Does anyone know if there is a way I can export Blazor Gannt to excel?  

At this rate I would take anything I can get? (Data and/or timeline) 

Hi!

I'm using the FileSelect component. When accessing the data, it's of type FileSelectFileInfo, which has a stream of type FileInfoStream, which is disposable.

So, do I have to dispose it after having read the data?

Lots of Greetings!

Volker

I have a grid with an Excel export.  It can take some time so I want to show a Notification at the start and end of the process using OnBeforeExport and OnAfterExport.  However both Notifications show at the same time.  I have reproduced the issue, attached.  Despite the 5 second delay being in OnAfterExport, neither Notification shows until after the delay and the Excel download.

Any ideas?

Relevant part of code:

Hello,

I want to change the background color of TelerikTooltip which is displayed inside a TelerikGrid in blazor. 

I have tried following two examples but they do not seem to work for tooltips in the grid.

Change Tooltip color ? in UI for Blazor | Telerik Forums

Blazor Custom ToolTip Styles and Colors - Telerik UI for Blazor

            <GridColumn Field="ABC" Title="Title" Width="15%">
                <HeaderTemplate>
                    <span class="k-column-title k-column-title-word-break">
                       Column Title
                    </span>
                </HeaderTemplate>
                <Template>
                    @{
                        var item = (MyModel)context;
                    }
                    <div class="tooltip-target-a">
                        <MyCustomComponent  />
                    </div>
                    <TelerikTooltip TargetSelector=".tooltip-target-a" Position="@TooltipPosition.Top" >
                        <Template Context="ttipContext">
                            <div>Hello from tooltip</div>
                        </Template>
                    </TelerikTooltip>
                </Template>
            </GridColumn>

Hello,

we are currently evaluating Telerik for use in a new application. One major hurdle we are facing at the moment are key bindings. The application we are working on contains quite a bit of shortcuts as it aims at power users and key bindings are important for the efficiency of the workflows. The main component we are using is the TreeList, and one basic use case would be to expand and collapse all items in the TreeList with "*"/"-".

I read the forum articles about introducing keybindings to other components by wrapping the component in a div and using onkeydown on the div. That does not work with TreeList however (as I suspect the TreeList captures key events itself). I suspect using JS Interop might be the only option we have, but I just wanted to check if I am missing anything obvious.

Thank you,

Michael

I have put an example where Field argument cannot fulfil what I need to do. 

The Column names and Field names are only discovered at runtime.

I can get the values to be displayed as I want using the <Template> element/component however I cannot grouping or sorting on these columns. 

<TelerikGrid Data="@simplePropertiescollection" Height="500px"
   Sortable="true" 
   Groupable="true"
   Resizable="true" 
   Reorderable="true">
   <GridColumns>
      <GridColumn Field="@(nameof(SimpleProperties.Name))" Title="Name" />
      @foreach (string prop in PropColumns)
      {
         <GridColumn FieldFunc = "(v) =>v.GetProps(prop)" Title="@prop">
            <Template>
               @{
                  // FieldFunc would replace the code below
                  string text = (context as SimpleProperties)?.GetProp(prop);
               }
               @text
            </Template>
         </GridColumn>
      }
   </GridColumns>
</TelerikGrid>

@code
{

   List<SimpleProperties> simplePropertiescollection = new List<SimpleProperties>();

   List<string> PropColumns { get; set; } = new();

   public class SimpleProperties
   {
      public string Name {get; set;} 

      public List<SimpleProperty?>? Properties { get; set; }

      public string? GetProp(string name)
      {
         return Properties.FirstOrDefault((SimpleProperty o) => o?.Name == name)?.Value;
      }
   }
   public class SimpleProperty
   {
      public string? Name { get; set; }

      public string? Value { get; set; }
   }
}

I use TelerikDateTimePicker and clients of my application send me a lot of issues with TelerikDateTimePicker.

1). If user types in values (date and time) quickly, user will be redirected to the end of input field e.g. type in year 2023 as fast as possible -> only one or two first digits will be filled, other digits will be typed in the end of the field




2) After user manually enters month, year is not selected automatically. Users want the same behaviour as we have with day, year, hours, minutes:

3)  After user finishes entering all valid values Date & Time and clicks outside the input field (TelerikDateTimePicker), all entered will be removed.

I use code like:

<label for="selected-date">
    TelerikDateTimePicker for enter Date and Time
</label>
<TelerikDateTimePicker 
    @bind-Value="@SelectedTime"
    Min="@Min" Max="@Max"
    Format="dd MMM yyyy HH:mm 'Z' (UTC)"
    Placeholder="dd MMM yyyy HH:mm 'Z' (UTC)"
    Id="selected-date"/>


@code {
    DateTime? SelectedTime = null;
    DateTime Min { get; set; } = new(1900, 1, 1, 0, 0, 0);
    public DateTime Max { get; set; } = new(2099, 12, 31, 23, 59, 59);
}

I also tried to use some combinations of TelerikDateTimePicker properties:

AllowCaretMode="true"
AutoCorrectParts="true"
AutoSwitchParts="true"

but this only made the behaviour worse