Before starting, I would like to show you that even in your own demo page located Here this problem is reproducible so I do not think it is an issue in my code...
Open up demo linked above and click edit on any item. Tab through the fields using your keyboard. The tab order is not as you see on the screen not to mention that it skips the checkbox field completely forcing mouse use which is not mass entry friendly (I manually fixed the issue with checkbox's so we can ignore that for now).
When you click edit then hit tab first focused field is
1: UnitsOnOrder.
2: CategoryID
3: QuantityPerUnit
4: Update
5: Cancel
6: Last Supply (Date field)
7: Close Button in top Right
8: Product Name
9: Unit Price
10: Discontinued (Checkbox is selected when i open a console and type document.activeElement but clicking space bar does not check the field, although in my instance I worked up a fix)
11: Restarts from 1 again
My issue is that no matter if I can manually force focus on the Product Name field upon popup invocation, there is no way including setting tabindex to make the datepicker to go into focus in the order that it is on the actual form. It always gets focus after the cancel button including in my code. I need to be able to tab into the field in the order that it is shown in the UI.
Any help would be great as I already tried tabindex on all elements and its not being honored.
I am using VS 2017 CE.
While working on a views .cshtml, typing @(Html.Kendo().List does not have Intellisense show me a ListBox method.
There is documentation at http://docs.telerik.com/aspnet-mvc/helpers/listbox/overview, but no mention of 'newness'
Has it been added recently ? Might I have a broken installation ?
I have a View that has a Grid in it. When I select a record a row I have a Change event setup to pass the Id of the Grid to display a partial view on the same page that has a Grid on it. I want to be able to edit records in the Grid in the partial view but whenever I click the Edit button it reloads the view but not in inside the partial view. Instead it displays the partial view in a whole different page and I lost my parent grid. How do I fix this?
Thanks.
I just upgraded to the latest VS Pro 2017 15.3.0 release.
Uninstalled the old Telerik components and installed the new ones and in all.
.614 for WPF
.614 for Silverlight
.621 for Asp.Net MVC
.621 for Kendo.Ui.
I then installed the Kendo VS Extensions via Tools->Manage Extensions.
However in all my web and apps project have no Telerik menu in VS.
I tried to uninstall the extension and components and reinstall, restarted but no luck.
Not sure if the installer is getting confused with either the new VS release or 17.2 SSMS release.
Didn't see any obvious errors in the logs either...
Hi,
I am using Kendo RadialGauge inside Bootstrap response grid...
The issue is how do I resize the gauge when the browser resize?
Thank you.
<div class="col-md-6">
<div class="panel panel-primary copyright-wrap" id="xxx">
<div class="panel-heading">Sales Challenge
<button type="button" class="close" data-target="#salesChallenge" data-dismiss="alert"> <span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
</div>
<div class="panel-body">
<div id="gauge-container">
@(Html.Kendo().RadialGauge()
.Name("gauge")
.Pointer(pointer => pointer.Value(65))
.Scale(scale => scale
.MinorUnit(5)
.StartAngle(-30)
.EndAngle(210)
.Max(180)
)
)
</div>
</div>
</div>
</div>
I'm using HTML helper list view. I'm not getting loading image or loading message while loading the Items in the listview HTML helper. Also, how to display "No items to display" message when the listview is empty. Below is the code that I have
<div class="col-sm-12 k-content wide">
@(Html.Kendo().ListView<CNO.CA.MemberPortal.Web.UI.Viewmodels.DocumentManagementModel>(Model.document)
.Name("DocumentslistView")
.TagName("div")
.ClientTemplateId("template")
.DataSource(datasource => datasource
.Read(read => read.Action("GetDocumentsByPersonId", "Profile"))
.Model(m => m.Id("ID"))
.ServerOperation(false)
.PageSize(10))
.Pageable()
)
)
</div>
Hello,
We have a requirement to navigate between tabs using back and next buttons; an additional requirement is that if a tab contains a child tabstrip the next button should begin navigating through the child tabs before continuing on with the parent tabs.
The basic structure is as follows:
Parent tabstrip contains tabs 1, 2, 3. Tab 2 contains a child tabstrip with tabs 4, and 5.
Beginning on tab 1, clicking the next button should select tab 2. Once on tab 2 clicking next should select tab 4. Once on tab 4 clicking next should select tab 5. Once on tab 5 clicking next should select tab 3. Clicking back should do the reverse.
I have no problem going forward from 1 -> 2 -> 4 -> 5; I have no problem going back within a single tabstrip 5 -> 4 or 2 -> 1, however, going from child up to parent , 4 -> 2, doesn't work; it seems tab 2 never has gets selected or activated.
Any ideas on how to accomplish this? I've included a simplified prototype of our initial approach.
Thanks for any advice.
Hi,
I have a Treeview with a specific hierarchy. The parent and children nodes have checkboxes.
The parent node should be completely checked if all the children nodes under them are checked and it should be partially checked if the children nodes are not completely checked.
But in my case, the parent node which is having partially checked children nodes is not highlighted or partially checked when the treeview loads initially. Once the parent node has been read, the node is partially checked. I need the parent node to be partially checked if it has partially checked children nodes when the Treeview loads for the first time itself.
I have attached the screenshot too.
Thanks in advance.
I can't seem to find the answers to these questions.
1) Can you apply a double click to the row when server binding the grid, I've tried the following code in the OnDataBound function but it doesn't execute when double clicking the row?
2) I could also use a custom command button as well instead of the double click, but I can't find a handle to the row when I fire the the following script.
Double Click row script.
$(that.tbody).on(
"dblclick"
,
"tr"
,
function
(e) {
var
rowData = that.dataItem(
this
);
CheckForTemplate(rowData.Id);
});
Custom Command button script.
columns.Command(command =>
{
command.Custom("Datasheet").Click("ViewDatasheet")
}).Width(200);
function
ViewDatasheet(e) {
e.preventDefault();
var
dataItem =
this
.dataItem($(e.currentTarget).closest(
"tr"
));
-> This line causes the attached script error.
idcount = dataItem.Id;
$.ajax({
type:
"POST"
,
url:
'@Url.Action("CheckForAssignedTemplate", "Data")'
,
contentType:
"application/json; charset=utf-8"
,
data: JSON.stringify({ moduleid: @Model.TheModule.Id, idcount: idcount }),
dataType:
"json"
,
success:
function
(result) {
if
(result.datasheetid !==
""
) {
location.href =
'@Url.Action("Index", "Datasheet")?datasheetid='
+ result.datasheetid;
}
else
{
var
window = $(
"#window_newDataSheet"
).data(
"kendoWindow"
);
window.center().open();
}
},
error:
function
() {
$(
".validation-summary-valid"
).text(result.message);
}
});
}
I'm wondering if anyone can advise on integrating this confirmation dialog into kendo and styling it so it's more similar?
Is it even compatible? I think it should be but so far haven't had any luck getting it up and running - I've only got a few months experience in JS.
http://demos.pierrejeanparra.com/jquery-plugins/fast-confirm/test.html
http://blog.pierrejeanparra.com/jquery-plugins/fast-confirm/
https://github.com/pjparra/Fast-Confirm