Telerik Forums
UI for Blazor Forum
1 answer
494 views

For example, when the user clicks on a button inside (or outside) the Window, I maximize or minimize the Window. Something like window.Maximize();

The specific use case here is when the user loads data, I want to automatically maximize the Window for them. It is difficult for the user to find the maximize button because the window width becomes greater than the browser window and they have to drag the window to find the maximize button and click it.

Alex
Top achievements
Rank 1
Iron
Iron
 answered on 31 Mar 2022
3 answers
991 views

Hi,

When I entering the password, the password is stored in chrome browser.

So I need to remove the manage password and I have attached the image below

Please see below code

<EditForm Model="@resetPasswordModel" OnValidSubmit="@SaveChanges" autocomplete="off">
            <FluentValidator TValidator="ResetPasswordValidator" />
            <p>@Model.Name</p>
            <EFormRowGroup LabelText="New Password" Id="Password">
                <TelerikTextBox Id="Password" @bind-Value="@resetPasswordModel.Password" Password="true" AutoComplete="off"/>
            </EFormRowGroup>
            <EFormRowGroup LabelText="Confirm Password" Id="ConfirmPassword">
                <TelerikTextBox Id="ConfirmPassword" @bind-Value="@resetPasswordModel.ConfirmPassword" Password="true" AutoComplete="off"/>
            </EFormRowGroup>
            <EValidationSummary />
            <EDialogActions>
                <TelerikButton Icon="save" Primary="true" ButtonType="@ButtonType.Submit">Save</TelerikButton>
                <TelerikButton Icon="cancel" ButtonType="@ButtonType.Button" OnClick="@CancelClick">Cancel</TelerikButton>
            </EDialogActions>
  </EditForm>

Could you please advise on this.

Thanks,

Vishnu Vardhanan.

Lawrence
Top achievements
Rank 2
Iron
 answered on 31 Mar 2022
1 answer
716 views

Is there a way to have the treeview scroll vertically?

Thanks ... Ed

 

Ed
Top achievements
Rank 1
Iron
Veteran
Iron
 answered on 31 Mar 2022
1 answer
215 views

Please see REPL: https://blazorrepl.telerik.com/wcYncXGa24oOJuTr39 or attached sample file.

await Editor.ExecuteAsync(new HtmlCommandArgs("insertHTML", "Hello", true));

Executing the above code by clicking the Insert button in the REPL throws this exception:

   Unhandled exception rendering component: _V[e] is not a function
   TypeError: _V[e] is not a function 
   ...

Any workarounds?

Thanks!

Dimo
Telerik team
 updated answer on 31 Mar 2022
1 answer
229 views
Hello, I am trying to use the TabStrip component but am running into issues. I have tried every combination of demos that are in the documentation, and none seem to function. I have tried it by just using @ref, I've tried just using ActiveTabIndex, and I've tried the below, and none seem to function the same as in the demos. With each way I tried, the previous active tab keeps it's .k-state-active class, and the newly selected tab receives a .k-state-active class. The previously selected tab does not get reset to .k-state-default. I have also tried this not nested within a TelerikGridLayout and it did not make a difference. Any input would be greatly appreciated
<TelerikGridLayout>
    <GridLayoutColumns>
        <GridLayoutColumn Width="100%"></GridLayoutColumn>
    </GridLayoutColumns>
    <GridLayoutRows>
        <GridLayoutRow Height="10vh"></GridLayoutRow>
        <GridLayoutRow Height="90vh"></GridLayoutRow>
    </GridLayoutRows>
    <GridLayoutItems>
        <GridLayoutItem Column="1" Row="1" Class="m-auto">
            <img src="Images/logo.png" />
        </GridLayoutItem>
        <GridLayoutItem Column="1" Row="2">
            <TelerikTabStrip TabPosition="Telerik.Blazor.TabPosition.Top" @ref="BaseDashboardTabStrip" ActiveTabIndex="@currentTab" ActiveTabIndexChanged="@TabChangedHandler">
                <TabStripTab Title="Tab 1">
                </TabStripTab>
                <TabStripTab Title="Tab 2">
                </TabStripTab>
                <TabStripTab Title="Tab 3">
                </TabStripTab>
                <TabStripTab Title="Tab 4">
                </TabStripTab>
                <TabStripTab Title="Tab 5">
                </TabStripTab>
                <TabStripTab Title="Tab 6">
                </TabStripTab>
            </TelerikTabStrip>
        </GridLayoutItem>
    </GridLayoutItems>
</TelerikGridLayout>
@code {
    TelerikTabStrip BaseDashboardTabStrip;
    int currentTab { get; set; } = 0;
    void TabChangedHandler(int newIndex)
    {
        currentTab = newIndex;
        StateHasChanged();
    }
}

Nathan
Top achievements
Rank 1
Iron
 answered on 30 Mar 2022
1 answer
1.6K+ views

I am attempting to utilize TelerikNumericTextBox, rather than TelerikTextBox, in order to take advantage of the Min, Max, Format, and other features available. However, upon making the switch I am no longer able to display a blank/null value in the textbox.

I don't see any mention of this in the TelerikNumericTextBox docs (https://docs.telerik.com/blazor-ui/components/numerictextbox/overview) and I assume this behavior is by design. Is there a way to allow a TelerikNumericTextBox to have a blank/null value? Perhaps a TelerikMaskedTextBox would work?

Marin Bratanov
Telerik team
 answered on 29 Mar 2022
1 answer
418 views

Hello,

I have a parent component that holds a pop up window. When the window pops up (is visible) then the parent component becomes disabled (no user interaction with the parent - underlying component - is possible).

Within this window, I have another Dialog window that will pop up upon closing the window, if a certain condition is not met.

When this Dialog pops up, the underlying component (which in this case is the pop up window) doesn't become disabled. Instead, the effect will take place again on the parent component. 

How would I make the 'disable' effect take place on the window located in the parent component, and not on the parent component, upon the popping up of the Dialog?

Thank you.

Marin Bratanov
Telerik team
 answered on 29 Mar 2022
1 answer
876 views

I'm getting the following error after upgrading from 2.x to 3.x of the Blazor library. 

Unhandled exception rendering component: Object of type 'Telerik.Blazor.Components.TelerikMultiSelect` 
does not have a property matching the name 'ChildContent'.

This happens when this control attempts to load.

 <FormItem Field="@nameof(NoteVM.AssignedToUser)">
     <Template>
         <TelerikMultiSelect Data="Users"
                             AutoClose="false"
                             Placeholder="Select Assign To Users"
                             Width="100%"
                             Filterable="true"
                             TextField="@nameof(UserInfoVM.UserName)"
                             ValueField="@nameof(UserInfoVM.UserName)"
                             @bind-Value="@AssignedToUsers">
                      <MultiSelectPopupSettings>
                      <DropDownListPopupSettings Height="200px" />
                      </MultiSelectPopupSettings>
                      </TelerikMultiSelect>
     </Template>
 </FormItem>

 

Dimo
Telerik team
 answered on 29 Mar 2022
1 answer
362 views
I am using EditForm in one of my module. Based on form state viz., dirty, touched I want to perform some operations, how can I get those events with EditForm ?
Marin Bratanov
Telerik team
 answered on 28 Mar 2022
17 answers
764 views

Is there documentation covering using UI for Blazor as Razor Components mixed within Razor Pages and MVC?  Currently the focus of the docs seem to only cover Blazor only type apps?

Admin edit: Here is a link to an example: https://github.com/telerik/blazor-ui/tree/master/common/razor-components

Dimo
Telerik team
 updated answer on 28 Mar 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?