or
1 answer
56 views
I have a 50% opaque div that appears over my form while ajax loads are being made. Once the load is complete, the div display is set to none, allowing access to the form. No matter what I try, the date picker in the form always appears on top of this div. I've tried adding the div in the document ready function AFTER the datepicker is initialized. I've tried setting the z-index of the datepicker via code I found on this forum (use a timeout to set the container and animation z-index). I've tried setting the z-index of the div to 1000 while setting the datepicker z-index to 100.
It appears as it should in IE but no matter what I try it always appears on top in Chrome.
It appears as it should in IE but no matter what I try it always appears on top in Chrome.
Chris
Top achievements
Rank 1
Rank 1
answered
on
06 Apr 2012
7 answers
689 views
I am using splitter which will be divided the page in 2 horizontal sides.
Now I want to add kendo window in one splitting pane and it should be fixed with that splitting pane (like if I use tab it is fixed with the splitting pane ) and drag it to another splitting pane .In there the window should auto resize as with the splitting pane size (both height and width).
Now when I define kendo window it is easily draggable as it is in the top layer, so it is not fixed with the splitting pane and unable to auto resize.
The another issue is when I want to minimize the one splitting pane it should minimize at any direction .(Now I am only getting in left direction ,but please guide me how it will be in right direction can be possible).
Can anyone pls help me out.
Now I want to add kendo window in one splitting pane and it should be fixed with that splitting pane (like if I use tab it is fixed with the splitting pane ) and drag it to another splitting pane .In there the window should auto resize as with the splitting pane size (both height and width).
Now when I define kendo window it is easily draggable as it is in the top layer, so it is not fixed with the splitting pane and unable to auto resize.
The another issue is when I want to minimize the one splitting pane it should minimize at any direction .(Now I am only getting in left direction ,but please guide me how it will be in right direction can be possible).
Can anyone pls help me out.
Gary
Top achievements
Rank 1
Rank 1
answered
on
06 Apr 2012
3 answers
105 views
I wonder is there any way to make sure that android header goes back to the bottom of the page after pushed up when keyboard appear.
Thanks
Thanks
Petyo
Telerik team
answered
on
06 Apr 2012
1 answer
230 views
Hey Guys,
Q:Is it possible to call a function on the "Custom" action passed into the window.
In one of your online samples you have passed in the following actions to the window:
actions: ["Custom", "Minimize", "Maximize", "Close"]
I can call functions for Close Minimize Maximize, but how can I call a function when the custom icon is clicked?
How does the window even know what icon to render for the "Custom" action.
JSFiddle Share link:
http://jsfiddle.net/taF5V/4/
JSFiddle full screen:
http://jsfiddle.net/taF5V/4/embedded/result/
Q:Is it possible to call a function on the "Custom" action passed into the window.
In one of your online samples you have passed in the following actions to the window:
actions: ["Custom", "Minimize", "Maximize", "Close"]
I can call functions for Close Minimize Maximize, but how can I call a function when the custom icon is clicked?
How does the window even know what icon to render for the "Custom" action.
JSFiddle Share link:
http://jsfiddle.net/taF5V/4/
JSFiddle full screen:
http://jsfiddle.net/taF5V/4/embedded/result/
Dimo
Telerik team
answered
on
06 Apr 2012
1 answer
168 views
proGrid.data("kendoGrid").bind("detailExpand", function(e) {
//how could i get the masterRow's data here?
});
Nikolay Rusev
Telerik team
answered
on
06 Apr 2012
0 answers
184 views
Hi All,
I am trying to render a Kendo Window from within a Template. And I am facing issues while doing so. When I use any kendo widget inside the window it’s not rendered (only the base html element is displayed) when placed in the kendo template and also only first time window gets rendered, once the window is closed next subsequent button clicks produces only the base html elements
If you place the same widgets outside the kendo window in the template they are rendered properly.
The scenario that I am working on is something like:
- If Country is Non-US, then the “Select” button shall not show up
- If I select US as country, a Select button appears which allows me searching the country by ZipCode
- For searching we is opening a Kendo window, with its title set to the US State Name
- Once the Window opens a user can perform a search for the Zip Codes (Searching feature currently not Implemented)
I have created a JSFiddle for show casing the problem I am facing. Refer URL http://jsfiddle.net/ganeshgupta/xRTbw/12/. Attached are the snap shots of the UI when I click on the “Select” button the first & second time, displaying only the Kendo Window in the first place (Without tab controls) and next time just the base controls only (No Window & Tab controls).
Kindly have a look at the same & let me know if I have a work around that can address the same.
Manoj Kapoor
Manoj Kapoor
Top achievements
Rank 2
Rank 2
asked
on
06 Apr 2012
3 answers
140 views
I have a chart with 5 series - 2 area series and 3 line series, but the area is showing up on top of the lines. Is there a way to control the order the series get drawn?
Thanks,
Sara
Thanks,
Sara
Iliana Dyankova
Telerik team
answered
on
06 Apr 2012
1 answer
1.5K+ views
Hi,
I have a kendo grid. And i am using filters on all the columns. Suppose i filtered on some column and did not clear it. Now, when i reload the grid, i want to clear the filter.I dont want to preserve the filtered stated. If i don't clear it, then the new data is getting rendered only when i clear the filter(as it doesn't have any row matching the filter search criteria). I am reloading the grid this way :
var grid = $("#" + gridDivId).data("kendoGrid");
var new_data = gridData;
grid.dataSource.data(new_data);
grid.dataSource.page(1);
What should i add to achieve that?
Regards,
Khushali
I have a kendo grid. And i am using filters on all the columns. Suppose i filtered on some column and did not clear it. Now, when i reload the grid, i want to clear the filter.I dont want to preserve the filtered stated. If i don't clear it, then the new data is getting rendered only when i clear the filter(as it doesn't have any row matching the filter search criteria). I am reloading the grid this way :
var grid = $("#" + gridDivId).data("kendoGrid");
var new_data = gridData;
grid.dataSource.data(new_data);
grid.dataSource.page(1);
What should i add to achieve that?
Regards,
Khushali
Iliana Dyankova
Telerik team
answered
on
06 Apr 2012
1 answer
112 views
This shows how navigatable doesn’t work when the user navigates using the right arrow key…
Run the fiddle – then select the first column of the second row. Hit your right arrow key two times… the grid doesn’t scroll to the right to show the City column as it should:
Check it out: http://jsfiddle.net/NqSuS/22/I tried using e.item.scrollIntoView(); in http://jsfiddle.net/ElanHasson/DtbNC/ but you still have to press spacebar to select it.
Any ideas?
Nikolay Rusev
Telerik team
answered
on
06 Apr 2012
0 answers
233 views
My css is below:
My layout is below:
my script is below:
html, body{ height: 100%; margin: 0; padding: 0; font-size: 13px;}html{ overflow: hidden;}My layout is below:
<div id="splitter1" style="height: 100%; border: 0"> <div id="top_pane"></div> <div id="middle_pane"> <div id="splitter2" style="height: 100%; width: 100%;"> <div id="nav_pane" style="padding: 5px"> //padding works well <div id="nav" style="border:1px solid red;"> </div> </div> <div id="content_pane" style="padding:5px"> //padding right works not well !!! why? <div id="content" style="border:1px solid red;"></div> </div> </div> </div> <div id="bottom_pane"></div></div>my script is below:
$(document).ready( function () { var splitter1 = $("#splitter1").kendoSplitter({ orientation: "vertical", panes: [{ size: "30px", resizable: false }, {}, { size: "20px", resizable: false}] }).data("kendoSplitter"); var splitter2 = $("#splitter2").kendoSplitter({ orientation: "horizontal", panes: [{ collapsible: true, size: "200px" }, {}] }).data("kendoSplitter"); var triggerResize = function () { splitter1.trigger("resize"); splitter2.trigger("resize"); } $(window).resize(triggerResize); });
