Hi
I have a data bound menu component where I would like to override the styles of individual items - namely at the moment I would like to make some bold.
What I actually want to do is to render a separator, then a bold header, and then a normal weight list of options - something like :
-----------------------------
Recent Customers
Customer 1
Customer 2
Customer 3
-----------------------------
I do not want them to be a sub menu ideally. I am struggling to work out how to set the class/style of individual menu items.
This is my code for rendering the menu currently, I will add another property to item/subitem as a flag to denote requiring to be bold :
@(
Html.Kendo().Menu()
.Name("mainMenu")
.BindTo(Model.Menus.Where(s => s.ParentMenuId == 0), mappings =>
{
mappings.For<Welcomm_CRM.Core.Application.Menu>(binding => binding // Define the first level of the Menu.
.ItemDataBound((item, type) => // Define the mapping between the Menu item properties and the model properties.
{
item.Text = type.MenuTitle;
if (type.MenuSource == 999999)
{
item.LinkHtmlAttributes.Add(type.ControllerName, type.ActionName);
}
else if (type.MenuSource == 999998)
{
item.Separator = true;
}
else if (type.MenuSource == 0)
{
item.Url = @Html.Encode(type.Url);
}
}
)
.Children(type => Model.Menus.Where(s => s.ParentMenuId == type.MenuId)));
mappings.For<Welcomm_CRM.Core.Application.Menu>(binding => binding
.ItemDataBound((item, subtype) =>
{
item.Text = subtype.MenuTitle;
if (subtype.MenuSource == 999999)
{
item.LinkHtmlAttributes.Add(subtype.ControllerName, subtype.ActionName);
}
else if (subtype.MenuSource == 999998)
{
item.Separator = true;
}
else
{
item.Url = @Html.Encode(subtype.Url);
}
})
);
})
)
We have been using the grid control for quite some time and we just now noticed the logic we use to right-justify the header text appears to not be styling as intended. I have attached a screen shot to show the odd display. The text is right-justified but the header text is still on the left of the column. I should note it is common practice, especially for reports, to right justify both the text and the header when showing numeric values so the decimals align.
<column field="CurrentOverCount" title="Over<br />Employee Count" width="70"
header-html-attributes='new Dictionary<string,object> { ["class"]="text-end" }' html-attributes='new Dictionary<string,object> { ["class"]="text-end" }' />
I have also tried using pure CSS for the header with the same result:
<column field="CurrentOverCount" title="Over<br />Employee Count" width="70"
header-html-attributes='new Dictionary<string,object> { ["style"]="text-align:right;" }' html-attributes='new Dictionary<string,object> { ["class"]="text-end" }' />
@(Html.Kendo().Menu()
.Name("Menu")
.Items(items =>
{
items.Add()
.Text("Products - Expand me")
.Items(children =>
{
children.Add().Text("Furniture");
children.Add().Encoded(false).Text("<span class=\"k-icon k-i-clock\"></span>I have a Font Icon");
children.Add().Text("Decor");
});
items.Add().Text("Stores");
})
)
My app has a static footer bar, and in the bottom left of all pages I want to add a button which will launch the users "To Do List", ideally also down in the bottom left hand corner.
Obviously the content within that will be dynamic, and will likely be a list of items to attend to, groups by type, which will actually just be links off the various other pages.
What is the best way to achieve the pop up To Do List? I was looking at the Action Sheet, but the position / sizing is off, as I can only seem to have it open in the centre of the screen, or full width.
<div class="form-group">
Let's say I have a Telerik Wizard With Three Steps and I am passing a View Model to each step. In Step 1, A Telerik Form component would suffice. But, In Step 2, I need to have more specific control over the layout and function than what the Form Component provides. I would like to use custom MVC Razor View syntax for Step 2, for example:
<label asp-for="Title" class="control-label"></label>
<input asp-for="Title" class="form-control" />
<span asp-validation-for="Title" class="text-danger"></span>
</div>
<div class="form-group">
<label asp-for="Rating" class="control-label"></label>
<input asp-for="Rating" class="form-control" />
<span asp-validation-for="Rating" class="text-danger"></span>
</div>
<div class="form-group">
<label asp-for="ReleaseDate" class="control-label"></label>
<input asp-for="ReleaseDate" class="form-control" />
<span asp-validation-for="ReleaseDate" class="text-danger"></span>
</div>Is this something that is possible and would I preserve the View Models state between steps? I'm not exactly finding a clear solution in the documentation. Any help or an example of how this could be done would be appreciated!
Based on step 2 in the solution in the following documentation: https://docs.telerik.com/aspnet-core/knowledge-base/grid-popup-editing-show-server-validation-errors
In order to get server side errors to display I would need to prevent databinding on the grid and then update grid elements. I would do this by first getting a reference to the grid via $("#gridName").
This would mean having a separate implemtation of this error handler for every grid in my application. Is there really no way of getting a reference to the grid or even the grid name from the error event itself?
I'd really like to avoid writing:
order_error_handler, orderline_error_handler, product_error_handler, product_category_error_handler, etc, etc. as this will be error prone and time consuming.
I have used partial views in many places, usually nested within a tab control, but also in some places nested inside a for EditorTemplate.
This was done using following type of code :
Html.Partial("_PartialViewName", Model)
Visual Studio was warning of :
MVC1000 : Use of IHtmlHelper.Partial may result in application deadlocks. Consider using <partial> Tag Helper or IHtmlHelper.PartialAsync.
So I went through and changed code where I could to :
awaits Html.PartialAsync("_PartialViewName", Model)
This works fine where the partial was within a tab control, or direct on the view but not when it's within an EditorTemplate on a form. Trying the same code gives this error :
The 'await' operator can only be used within an async lambda expression. Consider marking this lambda expression with the 'async' modifier.
I have tried a few things but nothing that VS will accept. Can it be done?
Thanks
Hy,
I am trying to display a list of data from an api model inside a TelerikGrid.
The api model is automatically generated and looks like this:
Data binding is done via a handler method in the razor page that return a JsonResult of the data list.
In this example below the column bind the property name "SalesGroup", but the bound method automatically resolves the name "salesGroup" (the name of JsonPropertyName attribute). Since the first letter is lowercase, the column does not display the value
I have currently created an extension of the Bound() method that resolves the correct name based on whether the "JsonPropertyName" attribute is present or not.
I would like to avoid using the "Bound(string memberName)" method.
Is there already a solution to my problem?
Thanks
I have build my parent child table grid by referring above link. Still i need to have check box for each row just like checkbox tree.
For that i need to bind my child row id in template, I tried as below.
Issue is:
At runtime, it is trowing error from child table by saying that it can not bind "OrderId" (No order id is not found).
Further i found out, This template only able to bind the date from parent data source only.
I installed the Telerik UI for ASP.Net Core R2 2020 version using the msi file. It installed successfully including the demo application under Kendo.Mvc.Examples folder. When I open the demo application Kendo.Mvc.Examples.csproj project in Visual Studio 2019 and build it so that there are no errors, then running the project in non-debug mode (i.e. Debug > Start without Debugging) always gives the following error. But, if I run the application in debug mode i.e. Debug > Start Debugging then it runs perfectly, and I can view the demo application in browser without any errors. I have given full security permissions to all users on my laptop for the folder Kendo.Mvc.Examples, and also, I have configured successfully the service dependencies of Secrets.json and a database file on localdb SQL Server.
Could you let me know why the installed demo runs only in debug mode? I looked at the logs in the Event Viewer and noticed an error message that doesn't tell much.
Error in browser as below when running the demo app in non-debug mode