Telerik Forums
UI for Blazor Forum
2 answers
252 views

Hi

As UI for Blazor is short on components at the moment, is it ok to include Kendo UI for jQuery widgets in the same project? Am I likely to run into JS or CSS  conflicts between the two frameworks?

Cheers

 

George
Top achievements
Rank 1
 answered on 02 Aug 2019
2 answers
729 views
Is is possible to dump the kendo .css libraries and style components like buttons purely with Bootstrap?
PH
Top achievements
Rank 2
 answered on 31 Jul 2019
2 answers
365 views

I have same problem with z-index when nodes must be go under top menu bar. But all nodes excluding root node go above on top menu bar.
This behavior changes from previous version of Telerik Blazor Components. I recorded video how changes behavior after update components to new version.
In old version also not all works correctly. I was must to change z-index to 1000 for my menu bar like this:
        <div class="main">
            <div class="top-row bg-light text-body px-4" id="navbar" style="z-index:1000;">
                <div class="logo">
                    <BreadCrumb></BreadCrumb>
                </div>
                <div class="end-container">
                    <a class="nav-item nav-link" style="display:inline-block;" @onclick="@OnSignOutClicked">
                        <img src="../images/NavMenu/user.svg" width="32" height="32" />
                    </a>

                    @if (ServiceContext.User is SuperUserProxy)
                    {
                        <a class="nav-item nav-link" style="display:inline-block;" @onclick="@OnChangeCompanyClicked">
                            <img src="../images/NavMenu/company-building-company.svg" width="32" height="32" />
                        </a>
                    }
                </div>
            </div>


            @if (ServiceContext.User is SuperUserProxy && ((SuperUserProxy)ServiceContext.User).SelectedCompany == null)
            {
                <CompanySelector CompanyWasSelected="@OnCompanyWasSelected"></CompanySelector>
            }
            else
            {
                <div class="content px-0">
                    @Body
                </div>
            }
        </div>

But after change z-index to 1000 in older version of TreeView all works fine and I even forget about this. But new version quickly remembered about this strange behavior.
Link to my video: https://andriy.co/download/products/2019-07-29%2019-02-19.mp4

 

Andriy
Top achievements
Rank 1
 answered on 30 Jul 2019
9 answers
250 views
Yesterday I download in database real business data for performance testing. And I found that TreeView works (moving between nodes) very slowly. It's absolutely expectable becase TreeView has more than 10 thousands nodes. OK. I switched TreeView in Lazy Loading Mode. All works fine, but I have some exceptions in console. Exception occured when I click for expand node. I see than OnExpand event sub works normally, but after my OnExpand sub I see exception messages from Telerik TreeView. Please, see my screenshot.
Andriy
Top achievements
Rank 1
 answered on 29 Jul 2019
1 answer
729 views

I am trying version 1.4.0 and if I use a telerik control inside a Window it fails and cant use any telerik control inside, if i use standard html controls it works. See attached code and screenshot. Any idea?

 

@using Telerik.Blazor.Components.Window
@using Telerik.Blazor.Components.DropDownList

<TelerikWindow Width="500px" Height="@Height" Centered="true" Visible=@isVisible Modal="true">
    <TelerikWindowTitle>
        @ModalTitle
    </TelerikWindowTitle>
    <TelerikWindowContent>
        <EditForm Model="@DTOModel" OnValidSubmit="@OnSummit">
            <input type="hidden" value="@DTOModel.Id" />
            <div class="form-group row">
                <label class="col-sm-2 col-form-label">Name</label>
                <div class="col-sm-10">
                    <Input type="text" @bind-Value="@DTOModel.Name" class="form-control" />
                    <ValidationMessage For="@(() => DTOModel.Name)" />
                </div>
            </div>

            <div class="form-group row">
                <label class="col-sm-2 col-form-label">Subscription</label>
                <div class="col-sm-10">
                    <TelerikDropDownList Data="@SuscriptionTypes" @bind-Value=@selectedValue ValueField="Value" TextField="Text"></TelerikDropDownList>
                        
                </div>
            </div>
            @if (DTOModel.Id != Guid.Empty)
            {
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Disabled</label>
                    <div class="col-sm-10">
                        <Input type="checkbox" @bind-Value="@DTOModel.IsDisabled" checked="@DTOModel.IsDisabled" />
                    </div>
                </div>
            }

            @if (!string.IsNullOrEmpty(ShowError))
            {
                <div class="alert alert-danger">
                    @ShowError
                </div>
            }
            <DataAnnotationsValidator />
            <div class="form-group row pt-2">
                <div class="col-sm-12 text-center">
                    @if (_isLoading)
                    {
                        <LoadingButton></LoadingButton>
                    }
                    else
                    {
                        <button type="submit" class="btn btn-primary btn-sm" onclick-prevent-default><i class="fas fa-save"></i> Save</button>
                        <button type="button" style="margin-left:20px;" class="btn btn-secondary btn-sm" onclick="@OnCancel">
                            <i class="fas fa-times"></i> Cancel
                        </button>
                    }
                </div>
            </div>
        </EditForm>
    </TelerikWindowContent>
</TelerikWindow>

 

 

Marin Bratanov
Telerik team
 answered on 29 Jul 2019
4 answers
121 views
In console I see exception chain, but all works normally. Exception throws when I click on select button and calendar was drop down.
Marin Bratanov
Telerik team
 answered on 29 Jul 2019
1 answer
115 views
In new version I have this (see picture)
Marin Bratanov
Telerik team
 answered on 29 Jul 2019
4 answers
150 views

Hello,

 

Now that .net core 3 preview 7 is out, when can we expect Blazor UI to support it?

Marin Bratanov
Telerik team
 answered on 26 Jul 2019
5 answers
564 views

Hi, 

I just couldn't make the chart to show even with your demo codes here  -> https://docs.telerik.com/blazor-ui/components/chart/types/column

Could this be a bug?

I'm using the following:

.NET Core version 3.0.100-preview7-012821

VS 2019 Enterprise 16.2.0 Preview 3

Telerik.UI.for.Blazor version 1.3.0

 

 

Marin Bratanov
Telerik team
 answered on 26 Jul 2019
1 answer
207 views
Hello.
When I set width for TextBox I don't see any changes for TextBox. For example, TelerikDatePicker Width works OK.
Marin Bratanov
Telerik team
 answered on 24 Jul 2019
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
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
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?