Hi everybody:

FF:


IE:


I prefer the FF rendering, of course.

How to configure the KendoTabStrip to be fit for both browsers?

The code:
...
<div id="tabstrip">
     <ul>
         <li>Table</li>
         <li>Log</li>
         <li>Top User</li>
     </ul>
     <!-- first tab -->
     <div style="overflow:scroll;min-height:450px;height:450px;">Please select dates and click Get Report.</div>
     <!-- second tab -->
     <div style="min-height:300px;height:300px;">To send emails please click on Email Report.</div>
      <!-- third tab -->
     <div style="min-height:800px;height:800px;">Please select dates and click get Report.</div>

 </div>
...
and
...
var tabStrip = $("#tabstrip").kendoTabStrip({animation: false});
...

Thank you
Marcus

Addendum: I am adding this as I have indeed isolated the problem to the proposed solution in 
http://www.kendoui.com/forums/ui/grid/grid-widths-wider-than-specified.aspx

With width for last column FF/IE can render properly: 
http://fuhshnizzle.s3.amazonaws.com/shniZZKrafty1A.html?kraftyman=00000100002145560985

With width omitted: http://fuhshnizzle.s3.amazonaws.com/shniZZKrafty1C.html?kraftyman=00000100002145560985

FF / IE fail


When I remove the final col width I lose my template images.
When I put the width back the grid is fine in FF/IE again except my widths are off.
Clearly the cure is worth than the disease :))

HELP! :))

Cary

Hi!

The other day I posted about my grid columns needing to layout better.
I was told to omit a width for the last column.
That did work but the problem is I tested only in chrome.
ref:
http://www.kendoui.com/forums/ui/grid/grid-widths-wider-than-specified.aspx

Now I am testing in FF/IE and there are 2 big problems I did not see before my changes.
Again chrome is fine and I created a live link so you can see for yourself :))

Also included are snapshots.
If you check it in chrome first to baseline the intended behavior and then check in FF/IE you will immediately see the issue.

1. In FF where ONLY images from template should render INSTEAD I get the ellipsis (...) - No images
2. In IE I get BOTH images & ellipsis
3. In Chrome I get just images as intended.

Here is the live link demo: http://fuhshnizzle.s3.amazonaws.com/shniZZKrafty1C.html?kraftyman=00000100002145560985

Please help as right now I have to rollback and figure out what went wrong so I can continue development.

Thanks!

Cary

With FF and Co OK, but with IE I dont see the vertical scroll bar ...(after I fill the div with a real huge table (not a kendo grid, native html table)
...
var tabStrip = $("#tabstrip").kendoTabStrip();
...

<div id="tabstrip">
     <ul>
         <li>Table</li>
   <li>Email Log</li>
   <li>Top User</li>
     </ul>
  <!-- first tab -->
     <div style="overflow:scroll;min-height:450px;">Please select dates and click Get Report.</div>
  <!-- second tab -->
     <div style="min-height:300px;">To send emails please click on Email Report.</div>
   <!-- third tab -->
     <div style="min-height:800px;">Please select dates and click get Report.</div>

 </div>
...

I see the call to the option based pre-close event handler.

How would one connect to the post-close event. i.e. after the animation is complete?

Thanks in advance...

When uploading large files (tried 14mb, and 50mb files which failed) for some reason it is returning a 404 error.
Which is unusual because I am positive the file in question is there.

I am able to reproduce this on your Async demo, which from what I can see just calls a static "blank.html" file.

Of the browsers I tested, all have this issue.
Firefox 10.0 on Machine A
Firefox 8.0 on Machine B
Internet Explorer 8.0 on Machine B

In the documentation is states:

Fires when one or more files are about to be uploaded. Cancelling the event will prevent the upload.

How exactly do you cancel the event?, I have tried to return false from the event but this has no affect.

Has anyone else experienced issues where the upload progress bar doesn't finish?

Firefox:  8.0, and 9.0

Hi,

I have a problem with the Window widget: The widget creates a <div> and moves content of the specified element that I want to appear inside the window. Finally it all gets appended just before the closing tag of <body>.

This makes it difficult to work with e.g. KnockoutJS if a scope for the bindings is specified (the optional second parameter for ko.applyBindings()). So, for example in my application there are many scopes for different parts of the page, and the Window's <div> gets basically outside of the scope it's supposed to be in, so Knockout can't update the window's content dynamically because it doesn't know that it wants to be updated (since it's outside of the scope that Knockout looks inside). 

I think it would be much better to append the new <div> just after the element that initiated kendoWindow. This would certainly eliminate this problem. 

Is there any specific reason why you append the new <div> to the end of <body>?

/Jacob

Please see snapshot.
I have specified grid widths in an app where real estate is at a premium but they are wider than specified.
For example in snapshot first column, "select" is set to 20px but it is about 59px. I do not know if grid is compensating for extra space and trying to symmetrically widen other columns but I need to rid myself of the extra spacing. 

Here is the grid specs I am using on my page:



            $("#shnizzGrid").kendoGrid({


                columns: [
        {
            field: "select",
            title: "select",
            template: '#= kendo.toString("<input class=\'pluck\' type=\'checkbox\' id=\'"+linkZZ+"\' />") #',
            width: "20px"


        },


       {
           field: "linkZZ",
           title: "linkZZ",
           template: '#= kendo.toString("<img title=\'click to generate a link to this playlist for sharing maniac!\'  style=\'cursor:pointer\' src=\'//www.fuhshnizzle.com/linkz2.jpg\' onclick=\'shniZZlinkZ(this.id)\' id=\'"+linkZZ+"\' />") #',
           width: "10px"


       },
        {
            field: "Play",
            title: "Play",
            template: '#= kendo.toString("<img style=\'cursor:pointer\' src=\'//www.fuhshnizzle.com/play.jpg\' onclick=\'shniZZpoP(this.id);\' id=\'"+Play+"\' />") #',
            width: "20px"
        },
        {
            field: "LastModified",
            title: "Date",
            width: "40px"
        },
       {
           field: "shniZZfO",
           title: "sniZZfo",
           template: '#= kendo.toString("<img title=\'View contents of shniZZmiX!\'  style=\'cursor:pointer\' src=\'//www.fuhshnizzle.com/preview.gif\' onclick=\'shniZZfO(this.id)\' id=\'"+linkZZ+"\' />") #',
           width: "10px"


       },


        {
            field: "Key",
            title: "shniZZmiXzZ",
            width: "200px"
        }],
                dataSource: {
                    data: filterLoad(filter.toUpperCase()),
                    pageSize: 50


                },
                sortable: true,
                pageable: true


            });


            window.setTimeout("styleshnizz();", 500);




        }


Thanks!

Cary

is there any way to define database as html5 localstorage in Kendo UI?