Telerik Forums
UI for Blazor Forum
2 answers
21 views

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>

Joel
Top achievements
Rank 2
Bronze
Iron
Iron
 answered on 27 Jun 2025
1 answer
36 views
How do I tell the button to fill the available width?  I'd like this to be as wide as the other controls and it should adapt to width changes of the page.  I have this definition:

As a bonus, the only way I can get the button to align to the bottom is to put in the white label.  My attempts at aligning to the bottom have failed.


                        <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>

Justin
Telerik team
 answered on 23 May 2025
1 answer
36 views

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

Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
 answered on 17 Apr 2025
1 answer
30 views

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.

 

Hristian Stefanov
Telerik team
 answered on 21 Jan 2025
1 answer
70 views

Multiple clicking on button causing method(SaveAndSubmitClicked) to call twice. Even keeping bool variable(IsClicked ) to disable button not working.

OnClick="() => {IsClicked = true;SaveAndSubmitClicked();

Hristian Stefanov
Telerik team
 answered on 02 Dec 2024
1 answer
41 views

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>
I want to convert this to using a TelerikButton but I cannnot figure out how to set the value attribute when doing that.
Nansi
Telerik team
 answered on 13 Nov 2024
1 answer
59 views
Hi All,

I have a TelerikButton within a PanelBarBinding element in an TelerikPanelBar, and i like to avoid the Panel to expand when i click the TelerikButton. However the Panel should expand if i click the Panel anywhere else.

how can i do this ? i use Telerik UI for Blazor ?


Thx

Hristian Stefanov
Telerik team
 answered on 30 Oct 2024
0 answers
172 views

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?

billy
Top achievements
Rank 2
Iron
Iron
Iron
 asked on 22 Aug 2024
0 answers
343 views

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,

Benjamin
Top achievements
Rank 1
 asked on 14 Jun 2024
1 answer
63 views
Hello.
I have changed almost all the variables in the theme builder but I have not been successful so I ask: what is the Sass variable to change the color of the buttons of the components in the ThemeBuilder?


Dimo
Telerik team
 answered on 03 Jun 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?