Telerik Forums
UI for Blazor Forum
1 answer
258 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
170 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
252 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
151 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
147 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
103 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
271 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
992 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
0 answers
612 views

Hi,

I have upgrade telerik version to 3.6.1 to use TelerikPdfViewer, I just copy paste code you provided. A working toolbar exist but it not rendering pdf to view. What can be reason?

I have update all.css and telerik-blazor.js.

 

 

 

Bindu
Top achievements
Rank 1
 asked on 13 Oct 2022
1 answer
163 views

Hi,

We build a custom CSS file that includes the SCSS for the components we use as described in https://docs.telerik.com/blazor-ui/styling-and-themes/custom-theme#using-the-build-process-of-the-application 

However, I have noticed that there are classes that only exist in the @progress/kendo-theme-default/dist/all.scss file.

One example is .k-overflow-auto which is used by the PDF viewer component without which the component does not display correctly and the paging functionality does not work.

This suggests it is not currently possible to use the customisation method to reduce the size of the delivered CSS as not all the classes will be available. Or have I missed something?

Cheers,

R.

Nadezhda Tacheva
Telerik team
 answered on 13 Oct 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?