or
1 answer
137 views
If you focus a dropdownlist and press the spacebar the page will scroll (if scrollable). This isn't the behavior of standard HTML selects. You can reproduce this on the live demo pages.
Kiril Nikolov
Telerik team
answered
on
16 Aug 2013
2 answers
132 views
Hello all,
I am trying to take step #1 using Kendo mobile and having a problem. I have set up a folder containing a copy of the "js" and "styles" folders from my downloaded Kendo Trial distribution and created a test.html file with the so called "first complete example" in http://docs.kendoui.com/getting-started/introduction which has the following code:
<!doctype html>
<html>
<head>
<title>Kendo UI Mobile</title>
<link href="styles/kendo.mobile.all.min.css" rel="stylesheet" />
<script src="js/jquery.min.js"></script>
<script src="js/kendo.mobile.min.js"></script>
</head>
<body>
<div data-role="view" data-title="View" id="index">
<header data-role="header">
<div data-role="navbar">
<span data-role="view-title"></span>
</div>
</header>
<ul data-role="listview">
<li>Item 1</li>
<li>Item 2</li>
</ul>
<footer data-role="footer">
<div data-role="tabstrip">
<a data-icon="home" href="#index">Home</a>
<a data-icon="settings" href="#settings">Settings</a>
</div>
</footer>
</div>
<script>
var app = new kendo.mobile.Application();
</script>
</body>
</html>
When I load it in my browser I get a blank screen, but as you can see in the first image I attach, the debugger shows that the included CSS and JS files are retrieved correctly, and as the second image shows, there seems to be an error.
Out of curiosity, I have replaced the local file references with references to kendo's CDN, like this:
<head>
<title>Kendo UI Mobile</title>
<link href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.mobile.all.min.css" rel="stylesheet" />
<script src="http://cdn.kendostatic.com/2012.2.710/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.mobile.min.js"></script>
</head>
And it works as shown in my third suplied image.
Any idea of what am I doing wrong ?
Thanks in advance:
Javier
I am trying to take step #1 using Kendo mobile and having a problem. I have set up a folder containing a copy of the "js" and "styles" folders from my downloaded Kendo Trial distribution and created a test.html file with the so called "first complete example" in http://docs.kendoui.com/getting-started/introduction which has the following code:
<!doctype html>
<html>
<head>
<title>Kendo UI Mobile</title>
<link href="styles/kendo.mobile.all.min.css" rel="stylesheet" />
<script src="js/jquery.min.js"></script>
<script src="js/kendo.mobile.min.js"></script>
</head>
<body>
<div data-role="view" data-title="View" id="index">
<header data-role="header">
<div data-role="navbar">
<span data-role="view-title"></span>
</div>
</header>
<ul data-role="listview">
<li>Item 1</li>
<li>Item 2</li>
</ul>
<footer data-role="footer">
<div data-role="tabstrip">
<a data-icon="home" href="#index">Home</a>
<a data-icon="settings" href="#settings">Settings</a>
</div>
</footer>
</div>
<script>
var app = new kendo.mobile.Application();
</script>
</body>
</html>
When I load it in my browser I get a blank screen, but as you can see in the first image I attach, the debugger shows that the included CSS and JS files are retrieved correctly, and as the second image shows, there seems to be an error.
Out of curiosity, I have replaced the local file references with references to kendo's CDN, like this:
<head>
<title>Kendo UI Mobile</title>
<link href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.mobile.all.min.css" rel="stylesheet" />
<script src="http://cdn.kendostatic.com/2012.2.710/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.mobile.min.js"></script>
</head>
And it works as shown in my third suplied image.
Any idea of what am I doing wrong ?
Thanks in advance:
Javier
Petyo
Telerik team
answered
on
16 Aug 2013
3 answers
232 views
can not see the property editable.resize in latest version but in documentation other property are exists eg:-
.Editable(e=>e.Update(false)) ,.Editable(e=>e.Confirmation(false)) please help asap.work with MVC4 rezor.
.Editable(e=>e.Update(false)) ,.Editable(e=>e.Confirmation(false)) please help asap.work with MVC4 rezor.
Vladimir Iliev
Telerik team
answered
on
16 Aug 2013
4 answers
492 views
Hi,
How I can remove a pane and change the size of the neighbor pane to 100% at the same time ( for example by pressing a button in a page) ?
this in my code :
kendoSplitter: { orientation: 'horizontal', panes: [{ resizable: true, collapsible: false, max:'90%', min:'33%' , size: '70%' }, { resizable: true, collapsible: false, max:'67%', min:'10%',size: '30%' }] }
I want to change it to :
kendoSplitter: { orientation: 'horizontal', panes: [{ resizable: true, collapsible: false, max:'90%', min:'33%' , size: '100%' }] }
by clinking a button in the page .
thank you in advance ,
Atiyeh
How I can remove a pane and change the size of the neighbor pane to 100% at the same time ( for example by pressing a button in a page) ?
this in my code :
kendoSplitter: { orientation: 'horizontal', panes: [{ resizable: true, collapsible: false, max:'90%', min:'33%' , size: '70%' }, { resizable: true, collapsible: false, max:'67%', min:'10%',size: '30%' }] }
I want to change it to :
kendoSplitter: { orientation: 'horizontal', panes: [{ resizable: true, collapsible: false, max:'90%', min:'33%' , size: '100%' }] }
by clinking a button in the page .
thank you in advance ,
Atiyeh
tankblergh
Top achievements
Rank 1
Rank 1
answered
on
16 Aug 2013
3 answers
137 views
Hi,
I have a splitter with 2 pages on a "default" page.
Default.aspx?id=1234 -->
$("#horizontal").kendoSplitter({
panes: [
{ collapsible: true, size: "300px", contentUrl: 'Page1.aspx?id=5678' },
{ contentUrl: 'Page2.aspx?id=8765' }
]
});
On my Page1 load & Page2 load I need to have my get parameters.
But when I look in "window.location", I get the "Default.aspx?id=1234" instead of "Page1.aspx?id=5678" or "Page2.aspx?id=8765"
How do I get the correct parameters?
Thanks in advance
Stijn
I have a splitter with 2 pages on a "default" page.
Default.aspx?id=1234 -->
$("#horizontal").kendoSplitter({
panes: [
{ collapsible: true, size: "300px", contentUrl: 'Page1.aspx?id=5678' },
{ contentUrl: 'Page2.aspx?id=8765' }
]
});
On my Page1 load & Page2 load I need to have my get parameters.
But when I look in "window.location", I get the "Default.aspx?id=1234" instead of "Page1.aspx?id=5678" or "Page2.aspx?id=8765"
How do I get the correct parameters?
Thanks in advance
Stijn
Kiril Nikolov
Telerik team
answered
on
16 Aug 2013
1 answer
150 views
Hi,
How to set the width of kendo Scheduler Add/Edit Popup window ?
How to set the width of kendo Scheduler Add/Edit Popup window ?
Dimiter Madjarov
Telerik team
answered
on
16 Aug 2013
1 answer
192 views
In MVC I have the grid bound to a set of client functions:
.Events(builder => builder
.ColumnHide("columnHideKendo")
.ColumnShow("columnShowKendo")
.ColumnReorder("columnReorderKendo")
)
However, the Hide and Show do not fire when I remove or add a column via the filter menu (see screenshot)
Is there another way to be notified if the user has removed a column?
The Javascript functions look like this:
.Events(builder => builder
.ColumnHide("columnHideKendo")
.ColumnShow("columnShowKendo")
.ColumnReorder("columnReorderKendo")
)
However, the Hide and Show do not fire when I remove or add a column via the filter menu (see screenshot)
Is there another way to be notified if the user has removed a column?
The Javascript functions look like this:
function columnHideKendo(e) { setTimeout(function() { e.sender.trigger("dataBoundKendo"); });}function columnShowKendo(e) { setTimeout(function() { e.sender.trigger("dataBoundKendo"); });}
Dimiter Madjarov
Telerik team
answered
on
16 Aug 2013
1 answer
1.0K+ views
I have a grid with pages which I need to be able to print all at once in one line list of data.
Is there a way to tell the Grid to either re-render with no paging, print, then go back to paging, or to print all data without the paging auto magically?
The user wants the full data printed at once, but likes Paging when using the data on the screen.
Is there a way to tell the Grid to either re-render with no paging, print, then go back to paging, or to print all data without the paging auto magically?
The user wants the full data printed at once, but likes Paging when using the data on the screen.
Alexander Valchev
Telerik team
answered
on
16 Aug 2013
3 answers
323 views
We are already using Kendo UI Mobile with Icenium to build our mobile apps, which works great.
But now, for a different project, we are building client websites that have a desktop version and a mobile version. The desktop version is already done, and we used Bootstrap 2.3.2 and Kendo UI Web as frameworks.
Now we are working on the mobile version of the website. Note, this is not meant to be an app; it is simply meant to be the website that appears when someone browses to our client's website from a mobile device.
Can Kendo UI Mobile be used for websites built for mobile browsers and not apps? I guess I'm confused as to how to use Kendo UI Mobile with a mobile browser website. We don't want to use Kendo's routing and such, since we are using MVC 4 controllers/views to deliver pages. On the product description page, it says "Automatic layout system" is a feature. So am I supposed to use Kendo UI Mobile exclusively to design the mobile website? Does it do positioning and such like Bootstrap does, or do I need to use Bootstrap in addition?
Any guidance is appreciated! Thanks.
But now, for a different project, we are building client websites that have a desktop version and a mobile version. The desktop version is already done, and we used Bootstrap 2.3.2 and Kendo UI Web as frameworks.
Now we are working on the mobile version of the website. Note, this is not meant to be an app; it is simply meant to be the website that appears when someone browses to our client's website from a mobile device.
Can Kendo UI Mobile be used for websites built for mobile browsers and not apps? I guess I'm confused as to how to use Kendo UI Mobile with a mobile browser website. We don't want to use Kendo's routing and such, since we are using MVC 4 controllers/views to deliver pages. On the product description page, it says "Automatic layout system" is a feature. So am I supposed to use Kendo UI Mobile exclusively to design the mobile website? Does it do positioning and such like Bootstrap does, or do I need to use Bootstrap in addition?
Any guidance is appreciated! Thanks.
Nikolay Rusev
Telerik team
answered
on
16 Aug 2013
1 answer
263 views
Hi,
I have a master detail grid. The detail grid has a column which needs to be populated with a dropdown that contains values which change depending on the master row selected.
I tried using an editor template as shown below, but the data does not get populated in the drop down:
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<MyProject.Models.ProductParentHierViewModel>" %>
<%:Html.Kendo().DropDownListFor(d => d)
.Name("ProductParentHier")
.OptionLabel("Select")
.DataValueField("ProductID")
.DataTextField("ProductHier")
.DataSource(source =>
{
source.Read(read =>
{
read.Action("GetProductHier", "Product", new { ProductVersionID = "#=ProductParentVersion.ProductParentID#" });
});
})
%>
How would I achieve this?
Thanks,
Sherly
I have a master detail grid. The detail grid has a column which needs to be populated with a dropdown that contains values which change depending on the master row selected.
I tried using an editor template as shown below, but the data does not get populated in the drop down:
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<MyProject.Models.ProductParentHierViewModel>" %>
<%:Html.Kendo().DropDownListFor(d => d)
.Name("ProductParentHier")
.OptionLabel("Select")
.DataValueField("ProductID")
.DataTextField("ProductHier")
.DataSource(source =>
{
source.Read(read =>
{
read.Action("GetProductHier", "Product", new { ProductVersionID = "#=ProductParentVersion.ProductParentID#" });
});
})
%>
How would I achieve this?
Thanks,
Sherly
Daniel
Telerik team
answered
on
16 Aug 2013
