Hi Team,

I need Dropdown list which is able to Edit and Save inside the dropdown.

Could you please suggest on this.

Thanks,

Vishnu Vardhanan H

Hi, I'm relatively new to Blazor and Telerik UI for Blazor.

I have a TelerikDataGrid on a page and it is defined to group data up to 6 levels.  The grouping works great where the details inside the group are correct.  When I collapse the group, I'd like to sum up the columns in the group and show those subtotals on the line with the collapsed group.

For example, currently the grouping looks like this:

What I'd like to do is something like this :

Has anyone done this before? Any suggestions on how to make this happen?

Thanks,

Jim

Hello,

if I serialize the grid-state and save it as a text-file, I get an incredible high table-width: 1772296985px - my workaround is to limit the tablke-width to max. 3000 px while saving and loading. The same with columns. Is there a bug?

Thank you!

Hi, I have the following form. I'm trying to hide a form item based on the previous bool form item (see highlighted lines in the code). The form is bound to ChartDetails which has a bool property called UseGroupByProperty which gets rendered as a checkbox. When I tick and untick the checkbox using the mouse the binding doesn't seem to update however as soon as I press a key it does. Is there a way to get the binding to update when the checkbox is selected/unselected with the mouse?

<TelerikForm Model="@ChartDetails" Orientation="FormOrientation.Horizontal"
				@ref="@ChartDetailsForm">
	<FormValidation>
		<DataAnnotationsValidator></DataAnnotationsValidator>
	</FormValidation>
	<FormItems>
		<FormItem LabelText="Name*:" Field="@nameof(CustomChartViewModel.Name)"></FormItem>
		<FormItem LabelText="Type*:" Field="@nameof(CustomChartViewModel.ChartType)"></FormItem>
		<FormItem Field="@nameof(CustomChartViewModel.EntityType)"></FormItem>
		<FormItem Field="@nameof(CustomChartViewModel.ShowLegend)"></FormItem>
		<FormItem Field="@nameof(CustomChartViewModel.ShowLabels)"></FormItem>
		<FormItem Field="@nameof(CustomChartViewModel.UseGroupByProperty)"></FormItem>
		@if (ChartDetails.UseGroupByProperty)
		{
			<FormItem Field="@nameof(CustomChartViewModel.GroupByProperty)" >
				<Template>
					<label class="k-label k-form-label">Group Property</label>
					<div class="k-form-field-wrap">
						<TelerikDropDownList Data="columns"
												ValueField="ColumnName"
												TextField="Title"
												@bind-Value="ChartDetails.GroupByProperty"
												DefaultText="Select Property " />

					</div>
				</Template>
			</FormItem>
		}
							
	</FormItems>
	<FormButtons></FormButtons>
</TelerikForm>

I'm working on a task where the user needs to be able to enter a space in the form field. I have attached an example of the setup code I am currently using. When the user attempts to add a space in the textbox it is simply not accepted and nothing happens. I have been researching this issue and have not found much help available. So my question are: Is there a workaround? Should I be taking a different approach? 

public string CustomerName
{
    get { get return Ship.CustomerName ?? ""; }
    set { Ship.CustomerName = value; }
}

<FormItems>
    <FormItem Field="@nameof(Example.CustomerName)"/>
</FormItem>

Update:

While troubleshooting this issue I learned a couple of things. My input fields were placed inside of the Telerik Panel Bar. This panel bar is preventing / not registering spaces. I looked through the documentation to see if this was intentional and have not found anything. Has anyone encountered any similar issues? If so, what did you use as a workaround? 

Documentation: https://docs.telerik.com/blazor-ui/components/panelbar/events

Hi,

I'm using the Trial 2.25.0 with the Telerik project template. When I try to access the Grid demo page I get the error "Unhandled exception rendering component: Value cannot be null. (Parameter 'format')". I narrowed down the error to the Pageable option. If I don't use it then the page is fine but there's no pagination.

* Microsoft Visual Studio Enterprise 2019 Version 16.10.3

* Chrome Version 91.0.4472.124

I have no clue on what could be wrong because the same option is used (roughly in the same way) in GitHub-paste-from-excel.

I attached the following screenshots:

ProjectTemplate: Shows the telerik template I used for generating the project. It's available after installing the Trial.

Grid: The link I used in the main page.

PageableDisabled: Disabling the Pageable option.

GridPage: The grid but without pagination.

Pageable: Pageable option is enabled.

GridPageError: The exception in the browser console.

Thanks

I would like to only display a notification the first time a user visits a page.  When the notification is closed I would like to set a Boolean value in local storage that I can check before displaying the notifications again. 

Is there a mechanism or event for the Notifications that would assist me in doing this?  I've read thru the examples and Docs but have not found anything.

Hello,

I try to expand and collapse a pane via code. However, so far without success. 

razor:

 <TelerikSplitter Class="kunden-splitter nopadding"
                         @ref="@Splitter"
                         Width="100%" Height="100%"
                         Orientation="@SplitterOrientation.Vertical"
                         OnResize="@OnResizeHandler" OnExpand="@OnExpandHandler" OnCollapse="@OnCollapseHandler">
            <SplitterPanes>

                <SplitterPane Size="@PaneSizeOne">
                <div> stuff... </div>
                 </SplitterPane>

                   <SplitterPane Collapsible="true" Collapsed="@isCollapsed">
                      <div> stuff... </div>
                 </SplitterPane>

                      </SplitterPanes>
        </TelerikSplitter>

Variant 1:
I use a TelerikToggleButton to change the variable isCollapsed:

void DetailsSelectedChangedHandler(bool currSelectedState)
    {
        isCollapsed = !currSelectedState;
         StateHasChanged();
    }

Variant 2:
I call the respective events:

 if (isCollapsed)
        {
            SplitterCollapseEventArgs args = new SplitterCollapseEventArgs();
            args.Index = 1;
            args.ShouldRender = true;
            await OnCollapseHandler(args);
        }
        else
        {
            SplitterExpandEventArgs args = new SplitterExpandEventArgs();
            args.Index = 1;
            args.ShouldRender = true;
            await OnExpandHandler(args);
        }

Variant 3:
I use the State (use z just for this example)
 var states = Splitter.GetState();
        int z = 0;
        foreach (var item in states.Panes)
        {
            if (z == 1)
            {
                item.Collapsed = isCollapsed;
            }
            z += 1;
        }

-----------

unfortunately all without success 

Does the capability exist to style the Drawer component to have a "handle" to enable expanding and collapsing as shown in the attached images?  Or, would this be an enhancement request? 

Thanks,

-Kelly