or
10 answers
280 views
Hi,
Recently we are trying to migrate our existing application from telerik to Kendo ui controls. In one of the page we have telerik splitter and its panel contains telerik tab strip which internally loads telerik grid.
Now we replaced telerik splitter to kendo ui splitter and remaining are same in telerik. Once after running the application telerik grid is not being loaded properly.
Please guide me here.
Thanks,
Srikanth
Recently we are trying to migrate our existing application from telerik to Kendo ui controls. In one of the page we have telerik splitter and its panel contains telerik tab strip which internally loads telerik grid.
Now we replaced telerik splitter to kendo ui splitter and remaining are same in telerik. Once after running the application telerik grid is not being loaded properly.
Please guide me here.
Thanks,
Srikanth
Ivan Danchev
Telerik team
answered
on
26 Jul 2017
1 answer
332 views
Is there a way to format some text to superscript or subscript while exporting a grid to Excel file? Or any workaround? Thank you very much.
Stefan
Telerik team
answered
on
26 Jul 2017
1 answer
156 views
I found an issue and could not find on forums if anyone else has reported it. The steps are these
1. Grid with column reorder and column menu
2. On a column open the column menu to show/hide columns
3. Reorder the grid columns
4. Open the column menu for the same column => the columns in menu are in the initial state (before reorder)
5. Open column menu for any other column => the columns menu is in the correct state (after reorder)
Questions:
Is this issue going to be fixed in framework? If not is there a workaround for this issue?
On related note: Is there available a custom Widget that simulates the Show/Hide columns menu (having the visibility columns outside of the grid on a button related to this thread Add ColumnMenu To Custom Toolbar On Telerik MVC Grid).
Stefan
Telerik team
answered
on
26 Jul 2017
1 answer
737 views
I've tried using Ajax Binding (and also ToDataSourceResult Binding) from this article to populate a DropDownList. I copy/pasted the exact code from the article into my solution. The GetProducts method on the controller returns 78 products, yet the DropDownList stays empty.
What am I doing wrong?
Controller
public JsonResult GetProducts(){ NorthwindDataContext northwind = new NorthwindDataContext(); return Json(northwind.Products, JsonRequestBehavior.AllowGet);}
View
@(Html.Kendo().DropDownList() .Name("productDropDownList") .DataTextField("ProductName") .DataValueField("ProductID") .DataSource(source => { source.Read(read => { read.Action("GetProducts", "Home"); }) .ServerFiltering(true); }) .SelectedIndex(0) )
Nencho
Telerik team
answered
on
25 Jul 2017
1 answer
191 views
I am using the MVC Menu component, and I am using is in a slide out div. So hit a menu button, a div slides out from the side of the screen, showing menu choices. However, the menu itself (with a Vertical Orientation) fills up the entire div, and submenu items are not showing up because I assume they're being cut off by the div. I have tried setting an HtmlAttriibutes on the main menu itself, with a style of z-index: 1000 to ensure it's the top most, but that doesn't work. I've also tried using PopupCollisions to false, but I guess that's for something else entirely.
So my question is, if a menu is part of a popup or slide out div, how to ensure sub menu items get displayed, and secondly, where do I put in the URLs for these menu items? All the demos only show the menus, but not what should happen when a menu is clicked?
Ivan Danchev
Telerik team
answered
on
25 Jul 2017
1 answer
399 views
Hey guys,
I have a solution for adding Html.ActionLink to the Template of a TreeView control. I searched everywhere for something similar and I was unable to find it, so I'm going to post it here in hopes that it might help others in the same predicament.
I am using the razor pages for my implementation so I, for the most part, setup my TreeView control exactly like the Remote Data Binding demo found here: http://demos.telerik.com/kendo-ui/web/treeview/remote-data.html
My Tree View control looks like this:
In my case, I wanted to add a couple of Action Links to the end of each item, in this categories. The purpose of the action link was to navigate to a screen to allow the user to edit the items in the category tree. I searched everywhere but could not find a way to do this. I even came across a few posts stating that this was not possible.
I chose to use .Template() to add the action links.
Here's what I added to my tree to add an action link.
After I added one, I added a second that would navigate to another page. My final tree view control looks like this:
I hope this helps someone out because it's not documented anywhere.
Cheers!
I have a solution for adding Html.ActionLink to the Template of a TreeView control. I searched everywhere for something similar and I was unable to find it, so I'm going to post it here in hopes that it might help others in the same predicament.
I am using the razor pages for my implementation so I, for the most part, setup my TreeView control exactly like the Remote Data Binding demo found here: http://demos.telerik.com/kendo-ui/web/treeview/remote-data.html
My Tree View control looks like this:
<div> @(Html.Kendo().TreeView() .Name("treeview") .DataTextField("DisplayValue") .DataSource(dataSource => dataSource .Read(read => read .Action("CategoryTree", "Category") ) ) ) </div>In my case, I wanted to add a couple of Action Links to the end of each item, in this categories. The purpose of the action link was to navigate to a screen to allow the user to edit the items in the category tree. I searched everywhere but could not find a way to do this. I even came across a few posts stating that this was not possible.
I chose to use .Template() to add the action links.
Here's what I added to my tree to add an action link.
.Template("#: item.DisplayValue # " + @Html.ActionLink("Update", "Update", new { id = "newId" }).ToHtmlString().Replace("newId", "#: item.id #"))After I added one, I added a second that would navigate to another page. My final tree view control looks like this:
<div style="padding-top: 10px;"> @(Html.Kendo().TreeView() .Name("treeview") .DataTextField("DisplayValue") .DataSource(dataSource => dataSource .Read(read => read .Action("CategoryTree", "Category") ) ) .Template("#: item.DisplayValue # " + @Html.ActionLink("Update", "Update", new { id = "newId" }) .ToHtmlString().Replace("newId", "#: item.id #") + " | " + @Html.ActionLink("Deactivate", "Deactivate", new { id = "newId" }) .ToHtmlString().Replace("newId", "#: item.id #")) )</div>I hope this helps someone out because it's not documented anywhere.
Cheers!
1 answer
152 views
Hello,
I'm trying to set the width of a Kendo window I am using, and have so far been unable to get it to work. I've attached my code below, and I've bolded the three different places where I have tried setting the width (lines 7, 14, and 21) --so far, none of these individually or combined have created any effect on the width of the window.
Am I missing something here?
Thanks!
01.@(Html.Kendo().Window()02. .Name("preview")03. .Title("Preview")04. .Visible(false)05. .Modal(true)06. .Draggable(true)07. .Width(100)08.)09. 10.<script type="text/javascript">11. 12. function openPreview(storyID) {13. $("#preview").kendoWindow({14. width: 10015. });16. var dialog = $("#preview").data("kendoWindow");17. 18. dialog.refresh({19. data: { storyID: storyID },20. url: "@Url.Action("Preview", "Home")",21. width: 10022. });23. 24. dialog.center().open();25. }26.</script>2 answers
171 views
Here is the existing thread link http://www.telerik.com/forums/how-to-change-command-buttons-dynamically-in-data-bound-event#KRtpAM_XoEeiI-UCwgwzsw
and here is my fiddle http://jsfiddle.net/valchev/Q69by/18/
I want to implement this using MVC using razor syntax . Please help
Thanks
Preslav
Telerik team
answered
on
24 Jul 2017
3 answers
2.8K+ views
I'm trying to use the NumericTextBox for values that are percentages, with three decimal points. How do I format it so it displays properly? I tried using .Decimals(3) but it still only displayed with two decimal numbers. For example, 34.567 displayed as 34.57... And it should also be a percentage, allowing only values up to 100.000
Here is what I have
@(Html.Kendo().NumericTextBox<decimal>() .Name("adminFee") // .Format("p") commented out since it didn;t appear to work .Min(0) .Max(100) .Decimals(3) .HtmlAttributes(new { style = "width: 100%", data_bind="value: AdminFee" }) )
Alex Hajigeorgieva
Telerik team
answered
on
24 Jul 2017
1 answer
294 views
According to your docs:
http://docs.telerik.com/aspnet-mvc/helpers/combobox/overview#parameter-sending-to-server
There is a default event handler for the Data callback of the datasource. This event handler passes a reference to the combobox firing the event that can be resolved by running ".data("kendoComboBox")" against it.
However if I manually hookup the same function, I get an error when typing something into the combox, because the "selector" parameter isn't actually a combobox.
http://dojo.telerik.com/iPeca/3
It appears to be a bug?
I am trying to create a Data function that sends a reference to the combobox calling it as a parameter. And I cannot use strict ID selectors, because all my comboboxes have ID's that are generated dynamically at runtime.
Veselin Tsvetanov
Telerik team
answered
on
24 Jul 2017
