I have a dynamic list of sliders on a page and I am trying to limit the ability to increase sliders up to a defined amount.  

For example: There are 3 sliders, and they range from 0-10. There is a voting limit variable that is set to 10.  How Can I disable all sliders from increasing if the total value of all sliders is equal to the main Voting limit?

I know that my example here is very barebones, but I really need some help in determining the total of all the sliders and disabling only the increasing ability once it's reached.

hi! i follow the demo's code in tutorial of grid. This is my code:
<table id="grid">
            <thead>
                <tr>
                    <th data-field="Content1"></th>
                    <th data-field="Content2"></th>
                </tr>
            </thead>
        </table>
$("#grid").kendoGrid({
                dataSource: dataSource,
                height: 100,
                scrollable: {
                    virtual: true
                },
                selectable: true,
            });
Above code displays content1 and content2 in 2 collumns. I try to edit <thead> <th> tag to <tbody></td> but it's seem kendoGrid can oly bind data to <th> tag right?
i wanna display the table in one coll which content1 and content2 are just in one block. How can i do it?
Thanks for any help!

Hi,
I'm trying to add server-side filtering using the odata transport method.
The '$filter=' parameter is always blank on the url.
Maybe this is something not supported in Beta 2 or I have a use a bad syntax?
Thank you.

Here my Kendo grid definition:
  $("#grid1").kendoGrid({
                     dataSource: {
                            type: "odata",
                            // Filter always empty with odata ?
                            serverFiltering: true,
                            filter: [{
                                field: "YearSalesTarget",
                                operator: "ge",
                                value: 5000}],
                            // Filter always empty with odata ?
                            transport: {
                                 read: "csp/mediapool/public/dt.common.odata.RequestServer.cls
                            },
                            pageSize: 10,
                            serverPaging: true,
                            serverSorting: true
                        },
                        selectable: "multiple",
                        scrollable: false,
                        sortable: true,
                        pageable: true,
                        groupable: false,
                        rowTemplate: kendo.template($("#rowTemplate").html()),
                        columns: [{field:"SalesrepId",title:"Salesrep"},
                                  {field:"SalesrepName",title:"Salesrep Name"},
                                  {field:"StartDate",title:"Start Date"},
                                  {field:"StreetName",title:"Street"},
                                  {field:"State",title:"State"},
                                  {field:"YearSalesTarget",title:"Year Sales $"},
                                  {title:"Edition"}]
                });

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