Hi, how can I display an age column based on birthdate. I have this code that displays no data in the age column

       @Age = DateTime.Now.Year - Person.BirthDateYear

       <GridColumn Field="Age" Title="Age" />

Age is defined in the @Code section:
public int Age;

Thanks

I am encountering a strange issue and wanted to check with the community on what might be going on. When using a NumericTextBox in a blazor client-side (WebAssembly) app, and switching between en-US and es-US locales, we are seeing the textbox use commas as the decimal separator for es-US, but are expecting it to use period (consistent with .NET's behavior when formatting for the es-US culture and with other sources).

The demo here (Blazor NumericTextBox Demos - Globalization | Telerik UI for Blazor) formats numbers the same way when selecting Spanish, and based on the currency symbol it seems clear the formatting is using the es-ES locale (.NET behavior is also consistent with this).

Is there a known issue where the NumericTextBox for Telerik Blazor uses commas as the decimal separator for the es-US locale, or is this possibly a new issue for which we should just create a bug report? Or, perhaps most likely, does this point to us doing something wrong, like maybe setting the culture to just es or something?

If it matters - when the user switches the language in the UI, we are reloading the site and setting CultureInfo.DefaultThreadCurrentCulture and CultureInfo.DefaultThreadCurrentUICulture to a new CultureInfo instance created with name "en-US" or "es-US".

In the documentation on the SVG Icon component here, one icon is defined in the following code:

    public class Moon : SvgIconBase
    {
        public Moon()
        {
            Name = "moon";
            Content = "<path d=\"M8.85028 16.5C11.3178 16.5 13.5715 15.3773 15.0646 13.5378C15.2854 13.2656 15.0446 12.8681 14.7032 12.9331C10.8219 13.6723 7.25756 10.6963 7.25756 6.77825C7.25756 4.52131 8.46575 2.44591 10.4294 1.32844C10.7321 1.15619 10.6559 0.697281 10.312 0.63375C9.82984 0.544842 9.34057 0.500073 8.85028 0.5C4.43437 0.5 0.850281 4.07847 0.850281 8.5C0.850281 12.9159 4.42875 16.5 8.85028 16.5Z\" fill=\"rgb(31, 31, 31)\" />";
            ViewBox = "0 0 16 17";
        }
    }

    public static class MySvgIcons
    {
        public static ISvgIcon Moon => new Moon();
        //public static ISvgIcon AnotherIcon => new AnotherIcon();
    }

In this snippet, an example is provided to add another icon to the MySvgIcons class, but where should that icon be defined? It seems impractical to replicate the entire first class structure for each and every icon. Is there a more efficient way of loading SVGs into my custom class of icons?

How to upload a document to sharepoint library (using CSharp and not javascript) in a Telerik/Blazor UI..  For various reasons we can no longer use the older Telerik / Javascript interface to Sharepoint to do this

After research think the only way to do this is to interface to MicrosoftGraph using CSharp, Telerik/Blazor widgets but I cannot find a good working example.

Does anyone have a link to a good working example.

Thanks in advance for your help!

Scott

Hi,

I'm trying to create a combobox which can select multiple values or a multiselect with tagging functionality like the one in the Angular suite of controls (https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/custom-values/). We are migrating our codebase at the moment and there is no adequate substitute to replicate the same behavior. I did come across the proposed solution (https://github.com/telerik/blazor-ui/tree/master/multiselect/add-new-item/MultiSelectAndAddButton) but its implementation feels very inorganic. Is there some way this can be incorporated into the control and have a cleaner implementation from a consuming-developer's point of view?

I would like to use a third party set of SVG images for buttons. I was hoping I could do something like:

<GridCommandButton Command="View" Icon="@/assets/magnifying_glass.svg" >View</GridCommandButton>

For a specific column, whenever one of its cells are clicked, the value in that clicked cell needs to update to a newly calculated value. Ideally, I'd like to be able to fire off an event containing information about the cell just clicked and use that information to update the cell's displayed value from the code block.

I've tried the column event OnRowClick, but that doesn't allow me to specify which cell was clicked. I've also tried adding an onclick event inside the GridColumn's Template, but this only delivers MouseEventArgs. 

Is there anyway to do this without resorting to Javascript?

Hi,

I am following the AutoFit Columns Guide that you have on your website. I have opted for the `OnGridRead` functionality as it doesn't require the extra JavaScript. I have noticed that in your approach the grid you have doesn't fill the whitespace on the right until after you click on the `AutoFit All Columns Manually` button and that when`OnAfterRenderAsync` occurs the grid will left align all of the contents.

In my implementation this happens to me all of the time. I have added a button to manually call on the function as you have but it has no effect and leaves everything left aligned.

The summary for the function states that it "Sets the minimum possible widths to all columns, so that there is no text wrappings" which holds up to what I am seeing, however is there other functions that can be applied (that I am unable to find) which will allow the columns to fill all the remain whitespace on the right or perhaps and overloaded version of `AutoFitAllColumnsAsync` that does this automatically?