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.

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.

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

Dear Sir,
               i'd two Pages and i'd use i frame tag which call the another page and i'm afraid 
i did not refresh the treeview datasource from the 2 page i.e Iframe page
via button click 
could you send me some samples for above problem

I am v2013.1.319

I have a kendo tab strip with 4 tabs, each has a separate grid. The first grid shows fine tab(0), the other three grids have their bottoms off the bottom of the tab. All of the grids are almost identical. I changed the first grid to the second position and the problem was the same the first grid was ok, the rest were off.

I added 
var ts = $("#tsCodesIndividual").data("kendoTabStrip");
and a
ts.select(0) before the first grid
ts.select(1) before the second grid and so on.

It now displays fine. A full example of a grid is below, the only real difference is the datasource:
    ts.select(1);
    tg.myServiceCodesViewModel = kendo.observable({ data: tg.myServiceCodes });
    delete tg.myServiceCodes;
    $("#codesIndividualServiceGrid").kendoGrid({
        dataSource: {
            data: tg.myServiceCodesViewModel.data,
            schema: {
                model: {
                    fields: {
                        custCode: { type: "string" },
                        tgCode: { type: "string" },
                    }
                }
            }
        },
        pageable: {
            pageSize: 10
        },
        height: 400,
        toolbar: ["create", "save"],
        columns: [
            { field: "custCode", title: "Code", width: "180px" },
            { field: "tgCode", title: "Service", width: "160px", values: tg.dlService },
            { command: "destroy", title: " ", width: "90px" }
        ],
        editable: true,
        resizable: true,
        reorderable: true,
        saveChanges: function (e) {
            if (!confirm("Are you sure you want to save all changes?")) {
                e.preventDefault();
            }
        },
    });

The tabstrip is extreamly basic:
    $("#tsCodesIndividual").kendoTabStrip({
        animation: {
            open: {
                effects: "fadeIn"
            }
        }
    });

Hi all,

I want to create an Inline Editing Template using kendoUI webform Grid. After the Edit/Add button pressed i want to have a row which has just one column, and stretched whole the row.

I do not want to have the columns in the Editing/Adding mode as same as Show mode.

The Picture that has been attached can show my mean precisely. 

Thanks.

Hi

How can I manage the back button in the navbar?

for example, I don't want to show the button in the main views and when user click a link to sub view I would like to show him the button

I tried using "data-show" call a function that will use jquery to show/hide the back button but the problem kendo will change the navbar title and button 

Is it possible to configure the validation messages to be displayed without breaking the layout? i.e. to be displayed with a z-index or somehow so that things "below" them won't get shifted ? (maybe in the form of sticky tooltips?)

regards

Hello,

I am working Kendo Mobile into a CMS and I think the ajax is screwing things up for the navigation. Is there a way I can disable ajax for navigation items?

I know this works for jquery mobile:

But I'm not sure how to accomplish this same thing with Kendo. Any help would be much appreciated!

Thanks!
-Ronnie

I try to create a RSS reader (atom format). I read the feed from a blogspot.com site. 
I bind the datasource to a ListView and use a template to format the result. But issue is I get a white space on the top of my header. See attachment.
Everything is working running in the simulator it's only an issue on the device.

What is wrong?

Here is my code:
Index.html:
<body>
        <div data-role="view" id="tabstrip-home" data-title="Nyheder" data-model="viewModel" data-layout="tabstrip-layout" >
            <div data-role="content" class="weather">
            <ul id="news" data-role="listview" data-template="newsItems" data-style="inset" data-bind="source: dataSource"  class="inboxList">
            </ul>
            </div>
        </div>

         <scripts id="newsItems" type="text/x-kendo-template">
            <a  href="\\#newsDetails?newsID=#= Id#">
                <h3 class="time">Udgivet #: publishedDate#</h3>
                <h3>Af #: author #</h3>
                <h2>#: title#</h2>
            </a>
        </scripts>
   

        <div id="newsDetails" data-role="view" data-show="onViewShow" data-model="viewModel"  data-title="Nyheder!" >
            <ul id="info" data-role="listview" data-style="inset">
                <li>
                    <span data-bind="html: selectedNews.content"></span>
                    <br>
                    <hr>
                    <h5>
                        Skrevet af:
                        <div data-bind="text: selectedNews.author"/>
                    </h5>
                    <h5>
                        Skrevet den:
                        <div data-bind="text: selectedNews.publishedDate"/>
                    </h5>
                    <a data-role="backbutton">Tilbage</a>
                </li>
            </ul>
        </div>

        <script id="row-template" type="text/x-kendo-template">
            <tr>
                <td data-bind="html: selectedNews.content">
                </td>
                <td >

                </td>
                <td data-bind="selectedNews.publishedDate"></td>

            </tr>
        </script>
 
   
        <!--Layout-->
        <div data-role="layout" data-id="tabstrip-layout" >

            <!--Header-->
            <div data-role="header">
                <div data-role="navbar">
                    <span data-role="view-title"></span>
                </div>
            </div>

            <!--Footer-->
           
        </div>
    </body>

RSSFeed.js:
viewModel = kendo.observable({
    dataSource : new kendo.data.DataSource({
transport:{
read:{
url: 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent('http://feeds.feedburner.com/VenstreIEgedal'),
dataType: "json"
},
        parameterMap: function(options, operation){
            if(operation !== "read" && options.models) {
                return {models: kendo.stringify(options.models)};
            }
        }
},
schema:{
model:{
            id: "Id",
fields:{
Id: {type:"int"},      
title:{type:"string"}
}
},
                         
data: function(response) {
var articleLength = response.responseData.feed.entries.length;
articleLength = (articleLength > 20) ? 20 : articleLength;
for (var i = 1; i <= articleLength ; i++) {
var entry = response.responseData.feed.entries[i - 1];
var entrydate=new Date(entry.publishedDate) //get date of entry
                var entrydatestr=entrydate.getDate()+"-"+(entrydate.getMonth()+1) +"-"+entrydate.getFullYear();
                newsData.push({Id: i, title: entry.title, content: entry.content, author: entry.author, publishedDate: entrydatestr});
}
            
//return response.responseData.feed.entries;
return newsData
}
}
}),
   
    });

function onViewShow(e){
    var newsId = e.view.params.newsID,
    dataitem = viewModel.dataSource.get(newsId);
    
    viewModel.set("selectedNews",dataitem);
    
    
    
}
var newsData = []