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
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
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>
Hello,
Now that .net core 3 preview 7 is out, when can we expect Blazor UI to support it?
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