Telerik Forums
UI for Blazor Forum
2 answers
672 views

Hello,

I need a ComboBox that receives data via databinding (Data="@Series"), selects a value in the combobox via C# code (@bind-Value="SelectedSeries") and then executes (OnChange="@OnComboSeriesValueChanged") a function as if a user had selected a value.

But Telerik does not allow double binding to the control. Who is supposed to understand this!? This restriction is unnecessary!!! My use case is quite normal after all.

Not working example "...'ValueChanged' is used two or more times..."

                <TelerikComboBox Data="@Series"
                             OnChange="@MyOnChangeHandler"
                             ValueChanged="@((string value) => OnComboSeriesValueChanged(value))"
                             @bind-Value="SelectedSeries"
                             TItem="string"
                             TValue="string"
                             AllowCustom="false"
                             Filterable="true"
                             Placeholder="Select a Series."
                             Width="100%"
                             @ref="SeriesComboBoxRef">
                </TelerikComboBox>

 

Thanks for your help

 

Dimo
Telerik team
 answered on 20 Oct 2022
1 answer
126 views

Hey,

So I noticed that the Telerik Loader isn't displaying the correct colour when you set the ThemeColor on it to the secondary colour, seemingly in any of the themes.

Here's a REPL I made, where each theme color is used, and I placed a button right next to each loader for easy comparison: https://blazorrepl.telerik.com/mGbYbMYa13VfwDlm06

Try changing the theme and running the repl again and you will notice it is consistently displaying as a very different colour to the button.

In this screenshot, the loader for Secondary is dark, whereas the button is much lighter. This appears to be an issue in all the themes I selected, but this screenshot shows the default theme. Notice, that all other loaders and buttons match at all times in all themes.

Dimo
Telerik team
 answered on 20 Oct 2022
1 answer
250 views

Is there a way to cancel the keydown/keypress/keyup events to prevent non-digit characters from getting typed when characters in a TelerikTextBox? 

Also, I need a MaxLength set to 9 which the TelerikTextBox has but the TelerikNumericTextBox does not have.

I want to prevent non-digit characters, and I also want to disallow typing more than a specified number of characters.  The TelerikNumericTextBox only turns its border control red when exceeding a specified max value.  I want to prevent typing more than 'x' number of digits.

 

Dimo
Telerik team
 answered on 20 Oct 2022
0 answers
154 views
I have a grid where I click on a row that makes sense for a text box or drop down list - I click on a cell with either of these controls, and then I can edit text or select as expected.  I want to change that behavior for a cell with a checkbox.  I want the value of the checkbox to change on the first click instead of it putting the checkbox cell in focus and then clicking it again to change its value.  Is this possible?
Larry
Top achievements
Rank 2
Iron
Veteran
Iron
 asked on 19 Oct 2022
1 answer
222 views

When the user types in a character or copies and pastes into text box the valuechanged event on that first character is null, Why?

Any way around this? What am I doing wrong on it.

Type 1 character in first box and nothing happens. Type more and the typed character appears in second, one off what should be there.

ANd same happens if you paste a value in.

Code example:

<h1>Hello, Telerik REPL for Blazor!</h1>
<div style="border: 1px gray solid;"> 
    <span @onkeypress="@onSearchValueChange" @onkeydown="@onSearchValueChange">
        <TelerikTextBox @bind-Value="@stringValue" @ref="@txtBxRefSearchValue" Id="SearchValue" />
    </span>
    <TelerikTextBox @bind-Value="@stringValue2"  @ref="@txtBxRefSearchValue2" Id="SearchValue2" />
</div>
@code {
string stringValue { get; set; }
TelerikTextBox txtBxRefSearchValue { get; set; }
string stringValue2 { get; set; }
TelerikTextBox txtBxRefSearchValue2 { get; set; }
public void onSearchValueChange( KeyboardEventArgs e)
        {
            
            // Note! it has no value on the first character, NULL, but once 2nd one typed in tis good to go.
            if (txtBxRefSearchValue.Value is not null)
            {
                if (txtBxRefSearchValue.Value.Length > 0)
                {
                    stringValue2 =  "Work on value";                 
                }
                else
                {
                    stringValue2 = "Do nothing";                  
                };
            };                     
        }
}
Dimo
Telerik team
 answered on 18 Oct 2022
0 answers
139 views

Hopefully this makes sense. 

 

Currently using Telerik Blazor on .net Core 6 C#.

I took a Telerik Blazor Dialog and Created my owner user control out of it. I am inheriting from TelerikDialog.

I can create a simple telerik dialog on a razor page. It shows and hides like I would expect it.  I move that same code off to a UserControl that Inherits from Telerik Blazor Dialog. Then I used that User Control on another Razor page. When I call the User Control, it does not blow up. 

However.... It does not display anywhere on the page. 

What is wrong?

I have tried putting a really high z-index on it. I mage the control really big. Ther really isn't anything special about this other then it is inheriting Telerik Dialog.  When I look for the flag visible, it is set to true. 

ANy thoughts?  If I need to show more details I can. But I Thought I would try this at high level. 

 

THanks!

Abby
Top achievements
Rank 1
Iron
 asked on 17 Oct 2022
0 answers
128 views

My requirement is for the multiple pointers I am setting on one TelerikLinearGauge to have an OnClick event to open a TelerikWindow Modal when the LinearGaugePointer is mouse clicked.  I am unable to use a TelerikButton and need to onClick event to be on the pointer.

<TelerikLinearGauge>
        <LinearGaugeScales>
            <LinearGaugeScale
                Min="-360"
                Max="-0"
                Vertical="false">
            </LinearGaugeScale>
        </LinearGaugeScales> 

<LinearGaugePointers>
            <LinearGaugePointer Value="-200">
                <LinearGaugePointerTrack Color="#a9a9a9" Visible="true"></LinearGaugePointerTrack>
            </LinearGaugePointer>
        
                <LinearGaugePointer
                    Value=-340
                    Color=Blue
                    Shape="@LinearGaugePointerShape.Arrow"
                    Size="25"
                    Margin="25">
                </LinearGaugePointer>
        
            <TelerikWindow Modal="true"
                           @bind-Visible="@isAreaSurveillanceModalVisible"
                           CloseOnOverlayClick="true">
                <WindowTitle>
                    Window Title
                </WindowTitle>
                <WindowContent>
                    I am modal, so the page content behind me is not accessible to the user.
                </WindowContent>
                <WindowActions>
                    <WindowAction Name="Close"/>
                </WindowActions>
            </TelerikWindow>
            <LinearGaugePointer Value=-210
                                Color=Grey
                                Shape="@LinearGaugePointerShape.Arrow"
                                Margin="25"
                                Size="25">
            </LinearGaugePointer>
            <LinearGaugePointer Value=-60
                                Color=Blue
                                Shape="@LinearGaugePointerShape.Arrow"
                                Margin="25"
                                Size="25">
            </LinearGaugePointer>
        </LinearGaugePointers>
    </TelerikLinearGauge>

 

@code{
    bool isAreaSurveillanceModalVisible { get; set; } = false;

}

Stephen
Top achievements
Rank 1
 asked on 17 Oct 2022
1 answer
89 views

Is it possible to change a textbox in the popup window for editing a row in a TelerikGrid to a TelerikDropDown ?

I'm tinkering with GridPopupEditSettings and haven't been able to figure out if it's possible/how to do it.

Dimo
Telerik team
 answered on 17 Oct 2022
1 answer
243 views

I developed the Telerik Blazor Scheduler component.

Like this:

I want to highlight the current date like the team's calendar. 

Like this:

This is a coding part:

<TelerikScheduler
            Data="@Appointments"
            Date="@StartDate"
            OnItemClick="@OnItemClick"
            @bind-View="@CurrView"
            DateChanged="@DateChangedHandler"
            Height="480px">

                <SchedulerResources>
                    <SchedulerResource Field="ManagerName" Data="@Managers" />
                </SchedulerResources>

                <SchedulerViews> 

                <SchedulerWeekView
                    StartTime="@DayStart"
                    EndTime="@DayEnd"                  
                    SlotDuration="30"
                    SlotDivisions="5"/>

                </SchedulerViews>

            </TelerikScheduler>

 

 

It can be done or not? Please help me

Svetoslav Dimitrov
Telerik team
 answered on 16 Oct 2022
1 answer
964 views

Hi,

I'm looking into rendering a TelerikGrid component (including hierarchy) to a pdf using the Telerik Pdf processing library.
I'm a bit lost on what is and is not supported in the pdf-/word processing suite in Blazor (Wasm).

Is there any way to render a Blazor component and export it to pdf?

Dimo
Telerik team
 answered on 14 Oct 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?