or
2 answers
47 views
Hi,
How do you open the timepicker in the datetimepicker using the keyboard?
According to the following link:
http://demos.kendoui.com/web/datetimepicker/navigation.html
you can open the date picker using alt+down arrow, but how do you access the timepicker component of the datetimepicker using the keyboard?
Thanks
How do you open the timepicker in the datetimepicker using the keyboard?
According to the following link:
http://demos.kendoui.com/web/datetimepicker/navigation.html
you can open the date picker using alt+down arrow, but how do you access the timepicker component of the datetimepicker using the keyboard?
Thanks
Dimo
Telerik team
answered
on
07 May 2013
1 answer
197 views
I have the need for a 7 column splitter where only 4 columns are visible at any point. I have set the overflow to hidden on the parent container and will control horizontal scrolling programatically as needed.
Is this a bug or is this an unsupported use-case? It appears that everything is calculated properly except for the width. I'm going to try fixing it after creation as well as after the resize event fires. Your help would be appreciated.
The 7th column gets rendered with a width of 0. This is probably a bug where the splitter doesn't expect for the columns to be greater than 100%. Here's what gets rendered:
The most important being the last
Is this a bug or is this an unsupported use-case? It appears that everything is calculated properly except for the width. I'm going to try fixing it after creation as well as after the resize event fires. Your help would be appreciated.
$('#target').kendoSplitter({ orientation: 'horizontal', panes: [ { collapsible: false, resizable: false, size: '25%' }, { collapsible: false, resizable: false, size: '25%' }, { collapsible: false, resizable: false, size: '25%' }, { collapsible: false, resizable: false, size: '25%' }, { collapsible: false, resizable: false, size: '25%' }, { collapsible: false, resizable: false, size: '25%' }, { collapsible: false, resizable: false, size: '25%' } ]});<div id="target" class="k-widget k-splitter" data-role="splitter"> <div class="k-pane k-scrollable" role="group" style="position: absolute; top: 0px; width: 300px; height: 300px; left: 0px;">1</div><div data-marker="f3ca4302" class="k-splitbar k-state-default k-splitbar-horizontal k-splitbar-static-horizontal" tabindex="0" role="separator" aria-expanded="true" style="height: 300px; left: 300px;"></div> <div class="k-pane k-scrollable" role="group" style="position: absolute; top: 0px; width: 300px; height: 300px; left: 307px;">2</div><div data-marker="f3ca4302" class="k-splitbar k-state-default k-splitbar-horizontal k-splitbar-static-horizontal" tabindex="0" role="separator" aria-expanded="true" style="height: 300px; left: 607px;"></div> <div class="k-pane k-scrollable" role="group" style="position: absolute; top: 0px; width: 300px; height: 300px; left: 614px;">3</div><div data-marker="f3ca4302" class="k-splitbar k-state-default k-splitbar-horizontal k-splitbar-static-horizontal" tabindex="0" role="separator" aria-expanded="true" style="height: 300px; left: 914px;"></div> <div class="k-pane k-scrollable" role="group" style="position: absolute; top: 0px; width: 300px; height: 300px; left: 921px;">4</div><div data-marker="f3ca4302" class="k-splitbar k-state-default k-splitbar-horizontal k-splitbar-static-horizontal" tabindex="0" role="separator" aria-expanded="true" style="height: 300px; left: 1221px;"></div> <div class="k-pane k-scrollable" role="group" style="position: absolute; top: 0px; width: 300px; height: 300px; left: 1228px;">5</div><div data-marker="f3ca4302" class="k-splitbar k-state-default k-splitbar-horizontal k-splitbar-static-horizontal" tabindex="0" role="separator" aria-expanded="true" style="height: 300px; left: 1528px;"></div> <div class="k-pane k-scrollable" role="group" style="position: absolute; top: 0px; width: 300px; height: 300px; left: 1535px;">6</div><div data-marker="f3ca4302" class="k-splitbar k-state-default k-splitbar-horizontal k-splitbar-static-horizontal" tabindex="0" role="separator" aria-expanded="true" style="height: 300px; left: 1835px;"></div> <div class="k-pane k-scrollable" role="group" style="position: absolute; top: 0px; width: 0px; height: 300px; left: 1842px;">7</div></div><div class="k-pane k-scrollable" role="group" style="position: absolute; top: 0px; width: 0px; height: 300px; left: 1842px;">7</div>
Dimo
Telerik team
answered
on
07 May 2013
1 answer
800 views
Hi,
I am using KendoUi web grid with MVC. I have a integer column. I need to prevent user to enter negative values in the filters from the numericdropdown.
Please guide me how can I achieve this?
Please refer attached image for clear idea what I want to do.
I am using KendoUi web grid with MVC. I have a integer column. I need to prevent user to enter negative values in the filters from the numericdropdown.
Please guide me how can I achieve this?
Please refer attached image for clear idea what I want to do.
Jayesh Goyani
Top achievements
Rank 2
Rank 2
answered
on
07 May 2013
0 answers
58 views
I am using KendoUi web grid with MVC. I have a integer column. I need to prevent user to enter negative values in the filters from the numericdropdown.
Please guide me how can I achieve this?
Please guide me how can I achieve this?
4 answers
136 views
Hello,
I am triying to implement the pan behavior over a Line Chart with multiple series.
With one series it works fine, but when add more series ot still makes the pan, but only the first serie is visible.
The others series just dissapear.
I am using one datasource, and each series uses one field of each json node.
DataSuorce example:
This DataSource is generated dinamically, bacause the user can adds data and series.
The original dataSource:
[{time : "22:10" , count : 1000 },{time : "22:11" , count : 1450}]
Whe user adds a new data and new serie the next data source is generated dinamically adding more fields to the original dataSource (user adds 3 more data sources, for example):
[{time : "22:10" , count : 1000 , count_2 : 998, count_3: 756},{time : "22:11" , count : 1450 , count_2 : 398, count_3: 686},etc...]
The first series defines its "fields source" to "count", the second serie to "count_2",etc...
Everything is ok at this point, but when I drag the chart ,only the fisrt serie is still visible. If I adds the series again are en the right place, the pan is ok.
Could you give me any help please?
Some images are attached to try to explain better..
I am triying to implement the pan behavior over a Line Chart with multiple series.
With one series it works fine, but when add more series ot still makes the pan, but only the first serie is visible.
The others series just dissapear.
I am using one datasource, and each series uses one field of each json node.
DataSuorce example:
This DataSource is generated dinamically, bacause the user can adds data and series.
The original dataSource:
[{time : "22:10" , count : 1000 },{time : "22:11" , count : 1450}]
Whe user adds a new data and new serie the next data source is generated dinamically adding more fields to the original dataSource (user adds 3 more data sources, for example):
[{time : "22:10" , count : 1000 , count_2 : 998, count_3: 756},{time : "22:11" , count : 1450 , count_2 : 398, count_3: 686},etc...]
The first series defines its "fields source" to "count", the second serie to "count_2",etc...
Everything is ok at this point, but when I drag the chart ,only the fisrt serie is still visible. If I adds the series again are en the right place, the pan is ok.
Could you give me any help please?
Some images are attached to try to explain better..
David Sanchez
Top achievements
Rank 2
Rank 2
answered
on
07 May 2013
1 answer
126 views
Using event binding, the "keydown" event doesn't fire when the enter key is pressed. If I bind to the "keyup", it works just fine. I really need it to be on keydown, is this default behavior?
Thanks,
Dean Wise
Thanks,
Dean Wise
Alex Gyoshev
Telerik team
answered
on
07 May 2013
3 answers
458 views
Using KendoDataSource's "add" method adds to the local view model object and does not call the transport create method. Is there a version of the add method that calls the create method defined in transport (in my case my code is similar to the aspnet-crud example project in kendo grid). I would want my controller method called on kendodatasource add. Please advise
Nikolay Rusev
Telerik team
answered
on
07 May 2013
1 answer
463 views
Hi,
Is there an
event that we can use when we navigate to a cell in a grid either by tabbing or using the keyboard to navigate?
The purpose of this is to show the cell data on an information panel when the user navigates around using the keyboard, but not necessarily edit it or select it.
I have noticed an issue with tabbing and custom drop down list editor. When tabbing through the cells at a fast pace, sometimes the grid loses focus and the focus goes to a different control on the page and not the
next cell.
Is there anyway after the edit of a cell to regain focus and move to the next cell?
Is there an
event that we can use when we navigate to a cell in a grid either by tabbing or using the keyboard to navigate?
The purpose of this is to show the cell data on an information panel when the user navigates around using the keyboard, but not necessarily edit it or select it.
I have noticed an issue with tabbing and custom drop down list editor. When tabbing through the cells at a fast pace, sometimes the grid loses focus and the focus goes to a different control on the page and not the
next cell.
Is there anyway after the edit of a cell to regain focus and move to the next cell?
Vladimir Iliev
Telerik team
answered
on
07 May 2013
1 answer
97 views
I have a kendo data source is bound to the grid using declarative style binding "data-bind="source: ". I currently built my view along the lines of the grid-crud code library project using MVVM. I have the following questions
- I create a sepereate html <section> and bound the elements to the view model. On the create button i did a kendo data source add. However this adds to the grid collection and does not call my controller method bound to my transport. How can i make the add call the transport?
- Is there an example (jsfiddle,jsgrid,codelibrary etc) which shows a form for the grid outside the confines of the grid. I cannot use the popup template as my behavior is such that the original grid should be hidden on click of an edit command. Please advise
var viewModel = kendo.observable({
ordersSource: statesDataSource,
isActive: true,
tabSelected: function (e) {
var selectedTab = $(e.item).text().trim();
this.set("isActive", (selectedTab === "Active"));
},
stateName: "",
stateAbbreviation: "",
isActive: true,
createState: function () {
debugger;
statesDataSource.add({
stateLookupID: 0,
stateName: viewModel.get("stateName"),
StateAbbreviation: viewModel.get("StateAbbreviation"),
isActive: viewModel.get("isActive")
});
}
});
Petur Subev
Telerik team
answered
on
07 May 2013
1 answer
91 views
The add method in this sample updates the local data source. Is there anyway this sample can work with a remote data source (configured using transport property). It only adds to my local collection.
http://jsfiddle.net/derickbailey/D4g8S/
http://jsfiddle.net/derickbailey/D4g8S/
Alexander Valchev
Telerik team
answered
on
07 May 2013
