Questions on Kendo UI for jQuery Forum

3 answers

229 views

To simplify a little, I have a basic layout with a titlebar and a footer defined as a navbar like this:

<section data-role="layout" data-id="default">

    <header data-role="header" id="rounded">
        <div data-role="navbar">
        <span data-role="view-title">Chapter 2</span>
        </div>
    </header>

    

    <footer data-role="footer">
        <div data-role="navbar">
            <a data-align="right" data-role="button" class="nav-button" href="<previous>"><i class="icon-arrow-left icon-large"></i></a>
            <a data-align="right" data-role="button" class="nav-button" href="<next>"><i class="icon-arrow-right icon-large"></i></a>
        </div>
    <footer>

</section>

The idea is that I have multiple view like pages in a book, and I want to have a Previous and Next buttons in the footer, different on each view. I need help on how to define these links in a view file programmatically, so I can keep the footer inside the layout. I understand I can put the footer on each view, but somehow I think it would be more elegant to just have one footer in layout and then just add the links with js from the view.

Any adivice will be appreciated, thanks!

Application

answered on 17 Dec 2012

1 answer

94 views

google maps doesn't scroll correctly (ONLY ON ANDROID NEXUS BROWSER)

Hi,
you can see here:
www.iperbooking.net/mobilekendo/iperbooking
clicking on "mappa" in the menu, the view of google maps appears.
In ipod, iphone 4s, and chrome you can move, zoom in and zoom out inside map correctly.
In samung galaxy nexus you can't move, zoom in and zoom out inside map correctly.
Someone else has noticed this same issue?

Thank you

Application

answered on 17 Dec 2012

1 answer

96 views

Android Tablet Identification Issues

I'm using Icenium, but having some KendoUI issues. I'm trying to use kendo.support.mobileOS.tablet to show a different layout for tablets than phones. In Icenium, it is identifying both the android simulator and the android tablet simulator as tablets, but this seems to be an issue with the simulator (you can see the ticket here). My Galaxy Note 2 is identified as a phone (which could really go either way, but is arguably correct). My HP Touchpad with Android 4.0 installed on it correctly reports being a tablet. However, my Nexus 10 is not being identified as a tablet because kendo.support.devicePixelRatio = 2. With the really high resolution displays coming out, I think that the logic for if an Android device is a tablet or not needs to be revisited. Maybe look only at the resolution, or the resolution divided by the devicePixelRatio? Thanks for looking into this.

-Keith

General Discussions

answered on 17 Dec 2012

1 answer

178 views

Upload: Intercept and change files

Hi there,

I have a rather weird requirement... currently we are using the upload widget, and is using it to upload zip files. The files can be huge, and a significant portion of the zip content can be discarded and not uploaded.

Thus I am wondering is there anyway for us to:
1.) intercept the upload widget just before it performs the upload
2.) retrieve the user selected files
3.) run it on a custom script which converts the zip files into the smaller desired file
4.) uploads these converted files instead

We are wondering whether is there any API or ways to perform steps 1,2 and 4 using the upload widget? Currently, I listened to upload event, which fulfills steps 1 and 2, but is unsure how we could achieve step 4. Thank you!

Upload

answered on 17 Dec 2012

5 answers

305 views

Object doesn't support this property or method in IE8

Hello.

I have created ASP .NET MVC 4 Web API application, added the necessary Kendo UI files and settings (js, styles, web.config) and registered the necessary scripts and styles in Index.cshtml.
After that, I added empty Kendo grid in javascript block.
When I launched the application in Internet Explorer 8 browser, I have got the following error: Object doesn't support this property or method.
When I launched the application in Internet Explorer 9 browser (on another machine), I have got no error and the operation succeeded.

As I can see, the problem is in the Internet Explorer 8 browser.
What should I do to make Kendo UI work properly on Internet Explorer 8?

Thanks,
Alex.

Grid

answered on 17 Dec 2012

16 answers

428 views

Bug with OData returning large dataset?

We're currently testing the KendoUI Grid to see what is the maximum number of row that can be handled (with an OData Service).

To run our tests, we did create a table with 1 000 000 records. After displaying 553 385 records, the grid starts to struggles... only half of the row #553 386 is displayed, and then we can't scroll any further in the list.

Did someone else noticed bugs with the grid when displaying more than 500 000 rows?

Grid

answered on 17 Dec 2012

3 answers

74 views

Pager issue when at going over boundry.

I've got an application that uses custom onclick events in the pager controls to redraw html elements in the grid upon paging. This works great for everything except going past the boundries. I haven't been able to figure out a way to prevent the First and Previous buttons from firing the onclick event when the currently selected page is in the first page and preventing the Next and Last buttons from firing onclick events when the currently selected page is the last page.

I've also noticed that once a paging event occurs the numerical links 1, 2, 3.... are rewritten and any custom events assigned to them get removed. How can I tell that a paging event is has just occured and re-bind the onclick events to the paging numerical links?

Thanks!

Grid

answered on 15 Dec 2012

1 answer

65 views

Annoying flash when switching mobile app from portrait to landscape (or back)

I have created my first Kendo UI Mobile application using Icenium. The app only has a login page at the moment with a couple of fields and a button. When I rotate the phone and switch from portrait to landscape, I get a very annoying flash (black to white to black) as the background adjusts. How to I correct this?

General Discussions

answered on 15 Dec 2012

3 answers

510 views

Dynamically creating tabs on a tabstrip with datasource?

I've been trying to figure out how I'd dynamically create tabs on a tabstrip (and consequently, views) and I thought that trying a hand with a datasource and template might be the way to go, after seeing that it works with listviews. The way I currently have it set up is as of the following:

<div data-role="footer">

<div id="crewlistTab" data-role="tabstrip" data-source="catDataSource" data-template="departmentTabs">

</div>

<script type="script/x-kendo-template" id="departmentTabs">

<a href="#" data-icon="contacts">#: AccountDepartmentId#</a>

</script>

<script type="text/Javascript">

var catDataSource = new kendo.data.DataSource({

transport: {

read: {

url: "../Server-Side/connectDP.php",

type: "GET",

dataType: "json"

}

},

schema: {

data: "categories"

}

});

</script>

But nothing generates.
Is there a way to fix this or another way to go about dynamically creating tabs & views altogether?

TabStrip (Mobile)

answered on 15 Dec 2012

4 answers

667 views

Grid inside ListView Row

I have a kendo listview where I need to embed a kendo grid inside each listview row (the listview row uses a defined template) ... how can this be accomplished?

Thanks!
Doug

ListView

answered on 15 Dec 2012