Can you tell me how to get a consistent height for my huge "Create New" button? I expected it to just use the space it needed instead of being 5X the size it is.
.gsi-height-32px{ height: 32px !important; }
<TelerikStackLayout Height="100%"
Width="100%"
Orientation="StackLayoutOrientation.Vertical">
<TelerikButton OnClick="@OnCreate"
Class="gsi-width-100pct gsi-height-32px">
Create New
</TelerikButton>
<TelerikGrid Data=@Patients
SelectedItems="SelectedPatients"
Pageable=true
PageSize="20"
Height="100%"
SelectionMode=GridSelectionMode.Single
SelectedItemsChanged="@((IEnumerable<Gsi.Customer.Models.Person> m) => OnPatientSelected(m))">
<GridColumns>
<GridColumn Field=@nameof(Person.FirstName) Title="First Name" />
<GridColumn Field=@nameof(Person.LastName) Title="Last Name" />
<GridColumn Field=@($"{nameof(Patient)}.{nameof(Patient.DateOfBirthDisplay)}") Title="Date of Birth" Width="125px" />
<GridColumn Field=@($"{nameof(Patient)}.{nameof(Patient.GenderDisplay)}") Title="Sex" Width="100px" />
<GridColumn Field=@nameof(Person.LastSessionTimestampDisplay) Title="Last Session" />
</GridColumns>
</TelerikGrid>
</TelerikStackLayout>
<TelerikCard Width="25vh">
<CardBody>
<div class="form-group-short">
<label class="col-form-label">Patient Status</label><br />
<TelerikDropDownList @bind-Value="@IsActiveFilterIndex"
TextField="Name" ValueField="Id"
ReadOnly="@(!IsActiveFilterEnabled)"
Data="@IsActiveFilterOptions">
</TelerikDropDownList>
</div>
<div class="form-group-short align-bottom">
<label class="col-form-label gsi-color-white">Apply Filter</label><br />
<TelerikButton OnClick="OnFilter" Class="gsi-background-color gsi-color-white">
Apply Filter
</TelerikButton>
</div>
</CardBody>
</TelerikCard>
Hello,
how can I make the clear-value button in the GridSearchBox always visible?
By default, the clear button only appears when the GridSearchBox has a value. I’d like it to always be visible, even when the input is empty.
Thanks
Do we have the ability to differentiate which button is clicked on the Edit Recurring Appointment window?
I'm using a custom edit form, but I don't know if there is a way to tell which button is selected on this window. The default form can differentiate the button chosen but I do not find anything in the args that tells me the selection.
Any help would be appreciated.
Multiple clicking on button causing method(SaveAndSubmitClicked) to call twice. Even keeping bool variable(IsClicked ) to disable button not working.
OnClick="() => {IsClicked = true;SaveAndSubmitClicked();
Is there a way to set the value attribute for a submit button when using the TelerikButton.
For example, this is the button markup I am currently using:
<button type="submit" class="login100-form-btn" name="provider" value="@provider.Name"
title="Log in using your @provider.DisplayName account">
<TelerikSvgIcon Icon="@GetExternalIcon(provider.Name)" Size="@ThemeConstants.SvgIcon.Size.ExtraExtraLarge" Class="me-3" />
Login using @provider.DisplayName
</button>
Thx
We recently updated to Telerik.UI.for.Blazor 6.0.0 and now none of the forms on our website will submit using the "Enter" key on the keyboard. You must now either click or tab to the button and then hit enter.
This was not an issue with the previous version that we had pulled in.
Is there a fix for this or a new implementation pattern that needs to be used to support this?
Hi,
We have an issue on our site that when you press an enter key on a second custom grid row (not a Telerik Grid, but rather a foreach that makes a new additive row) it will expand the first row when we press enter on any other row.
We've boiled it down to it possibly being a Telerik A11Y issue.
Is there a way we can stop a the button from reacting to an enter key press?
Kind regards,
Benjamin,