I'm looking to do some a type of "mega menu" where a given top level menu item has a number of sub items, I'd like to have a different layout, or even a list view for the sub menu template. I thought maybe using the HasChildrenField set to false would allow me to do something but have not had luck so far.
An example of the type of thing I am talking about can be found here (https://freefrontend.com/css-menu/) in CSS
Hello,
I would like to change the color of my tooltip, and also of my buttons, as I understood, the whole UI is set with a single base Theme (Bootstrap or else).
The problem is that the tooltip with bootstrap is blue, and if I add it on a primary button, it's blue on blue and not readable. An attribute letting us to set the Color of a tooltip or a button would be good. I can't but red warning buttons for example.
I tried to set the class of a tooltip with a different background color, but only the rectangle is set not the whole tooltip (see pic).
Thanks in advance
system:windows10 , area:china,
blazor wasm test project,
when put the code in one pageï¼›
<TelerikDateTimePicker Value="System.DateTime.Now">
</TelerikDateTimePicker>
run with info:"An unhandled error has occurred",but some other controls like grid is OK!
is there the Culture setting problem?
I have a grid that when loading the data it is entering two times in ReadISHandler. I can see in debugger that enter and stops two times in LoadIS(); causing a performance problem, any idea what is happening
<TelerikGrid Data=@GridDataIS
TotalCount=@Total
Height=@Height
ScrollMode="@GridScrollMode.Virtual"
Sortable=false
RowHeight="40"
OnRead=@ReadISHandler>
protected async Task ReadISHandler(GridReadEventArgs args)
{
Skip = args.Request.Skip;
await LoadIS();
}
Hey Blazor UI team,
I've hit a block that I cannot get around with documentation on the scheduler component.
Per the attached image, when I edit or create an appointment, the UI shows that the "End" field inputs are disabled. I found they are disabled with a particular css class, so it makes me think that I'm missing some sort of parameter or model field that the component is looking for.
Is there documentation for this situation, and if not, what could be going on here?
Thanks!
Hi,
I'm playing with the Telerik Blazor components. Is there a way to use the scheduler with ics data?
Thanks
Martin
I am currently working on a getting a new Blazor site set up. This site will be using Azure AD for authentication and restricts the entire site to only users logged in.
Right now I am working on getting the Hierarchical Drawer in to the site. I have run in to the following issue, The child content element 'Template' of component 'TelerikDrawer' uses the same parameter name ('context') as enclosing child content element 'Authorized' of component 'AuthorizeView'. Specify the parameter name like: '<Template Context="another_name"> to resolve the ambiguity.
<Authorized> <div class="main"> <div class="top-row px-4"> <a class="logo" href="/"> <img src="img/Logo.png" /> </a> <div class="user-info"> <LoginDisplay /> </div> </div> <TelerikDrawer @ref="@Drawer" Data="DrawerItems" MiniMode="@true" Mode="@DrawerMode.Push" TItem="DrawerItem" SelectedItemChanged="@OnItemSelect" @bind-Expanded="@Expanded"> <Template> <div class="k-drawer-items" role="menubar" aria-orientation="vertical"> <ul> @foreach (var item in context) { var selectedClass = item == SelectedItem ? "k-state-selected" : string.Empty; <li @onclick="@(() => OnItemSelect(item))" class="k-drawer-item @selectedClass"> <div class="k-level-@(item.Level)"> <TelerikIcon Icon="@item.Icon"></TelerikIcon> <span class="k-item-text">@item.Text</span> </div> @if (item.Expanded && (item.Children?.Any() ?? false)) { <span class="k-icon k-i-arrow-chevron-down" style="position:absolute; right:0; line-height: inherit; margin: 0 8px"></span> } else if (!item.Expanded && (item.Children?.Any() ?? false)) { <span class="k-icon k-i-arrow-chevron-right" style="position:absolute; right:0; line-height: inherit; margin: 0 8px"></span> } </li> } </ul> </div> </Template> <Content> <div class="content px-4"> @Body </div> </Content> </TelerikDrawer> </div></Authorized>
I have tried the following:
<Authorized Context="AuthContext"> <div class="main"> <div class="top-row px-4"> <a class="logo" href="/"> <img src="img/Logo.png" /> </a> <div class="user-info"> <LoginDisplay /> </div> </div> <TelerikDrawer @ref="@Drawer" Data="DrawerItems" MiniMode="@true" Mode="@DrawerMode.Push" TItem="DrawerItem" SelectedItemChanged="@OnItemSelect" @bind-Expanded="@Expanded"> <Template> <div class="k-drawer-items" role="menubar" aria-orientation="vertical"> <ul> @foreach (var item in context) { var selectedClass = item == SelectedItem ? "k-state-selected" : string.Empty; <li @onclick="@(() => OnItemSelect(item))" class="k-drawer-item @selectedClass"> <div class="k-level-@(item.Level)"> <TelerikIcon Icon="@item.Icon"></TelerikIcon> <span class="k-item-text">@item.Text</span> </div> @if (item.Expanded && (item.Children?.Any() ?? false)) { <span class="k-icon k-i-arrow-chevron-down" style="position:absolute; right:0; line-height: inherit; margin: 0 8px"></span> } else if (!item.Expanded && (item.Children?.Any() ?? false)) { <span class="k-icon k-i-arrow-chevron-right" style="position:absolute; right:0; line-height: inherit; margin: 0 8px"></span> } </li> } </ul> </div> </Template> <Content> <div class="content px-4"> @Body </div> </Content> </TelerikDrawer> </div></Authorized>
But then get the following error:
NullReferenceException: Object reference not set to an instance of an object.
In debugging, I found that this error was at the following line of code:
@foreach (var item in context)
and the context is null.
If anyone has any insight in to have a Hierarchical Drawer on a Authorized page?
Thank you for taking a look,
Jesse
Hi..
What is wrong? When the value changes I need to set values to other textboxes. What is wrong with my 'tags'?
When I set @bind-value , I get error that I can't have 2 change events.
I also need to bind to FoodType property.
thx again!
Telerik.Blazor.Components.TelerikDropDownList`2[CKonboard.Data.Models.EventFoodType,System.String] requires a value for the 'ValueExpression' ValueExpression is provided automatically when using 'bind-Value'.
at Telerik.Blazor.Components.Common.TelerikSelectBase`2.OnInitializedAsync()
at Microsoft.AspNetCore.Components.ComponentBase.RunInitAndSetParametersAsync()
at Telerik.Blazor.Components.Common.TelerikSelectBase`2.SetParametersAsync(ParameterView parameters)
<TelerikDropDownList Id="FoodType"
ValueChanged="@((string c) => EventSelected(c))"
Value="@Service.FoodType"
Data="@Lookups.EventFoodTypes()"
TextField="EvtType"
DefaultText="-Select First Event Food Type"
ValueField="EvtType"
PopupWidth="200px"
Width="200px"
PopupHeight="130PX"
Class="ddl-no-bg">
I test the TreeView control,using the style:
.sidebar {
position: fixed;
top: 40px;
left: 0;
bottom: 0;
width: 240px;
overflow-y: auto;
border-right: 1px solid #e4e6e9;
background-color:mediumaquamarine;
padding:0px 0px 0px 0px;
}
in MainLayout.razor:
<body>
<div class="header">
<a href="http://blazor.net">About</a>
</div>
<div class="sidebar">
<NavMenu/>
</div>
<div class="content">
@Body
</div>
</body>
and in NavMenu.razor:
@inject NavigateTreesService NavigateTrees
<TelerikTreeView Data="@NavigateTrees.TreeData">
<TreeViewBindings>
<TreeViewBinding ParentIdField="ParentIdValue" IconField="Icon"
UrlField="Page">
</TreeViewBinding>
</TreeViewBindings>
</TelerikTreeView>
Then run,look this picture attachment,There's always a spare part on the left.
and I found the treeview control's properties is too few,i can't set the sytle.
I'm working through this example, although slightly changed a bit, but I am getting a http 400.
I am trying to upload a json file. The api path looks right when I debug but the request never makes it to the controller, however, I dont think its a routing issue as I would get a 404 error instead?
https://docs.telerik.com/blazor-ui/components/upload/overview