Questions on Kendo UI for jQuery Forum

1 answer

106 views

[Solved] Window has jump effect if body has border applied, why?

I have been struggling with an issue where my Kendo window's 'jump' upward when I move, resize or min/max. I just found out that it is due to a border I had applied to the body tag.

My question is why does this happen?

Here's a fiddle showing the effect, just go to move the window a little bit and you'll see it 'jump'. Remove the border from the body tag and all is fine. http://jsfiddle.net/Zholen/zNLNy/428/

Edit
While the accepted answer doesn't really address my question, I will still accept it since my question may be considered irrelevant to most. I want to point out again that ASP.Net MVC 4 templates have this css set by default.

Window

answered on 07 Mar 2013

1 answer

380 views

"Load More" style paging in grid?

Hi,

I am trying to find a good way to implement a load more paradigm for paging, where instead of the standard pager there is a load more button, which will load the next pages of data below the current page when clicked.

I have this working now by adjusting the pageSize of the datasource. I set it to the original pageSize * number of times the load more button was clicked. This works, but is inefficient since it pulls back records that are already loaded in the grid.

Thanks

Grid

answered on 07 Mar 2013

1 answer

247 views

Server Side Filtering

Currently the filtering keys look like this:

[4]: "filter[filters][0][field]"

[5]: "filter[filters][0][operator]"

[6]: "filter[filters][0][value]"

[7]: "filter[filters][1][logic]"

[8]: "filter[filters][1][filters][0][field]"

[9]: "filter[filters][1][filters][0][operator]"

[10]: "filter[filters][1][filters][0][value]"

[11]: "filter[filters][1][filters][1][field]"

[12]: "filter[filters][1][filters][1][operator]"

[13]: "filter[filters][1][filters][1][value]"

[14]: "filter[logic]"

This creates all kinds of headaches trying to normalize this.

I notice you do not add the [filters][0] if there is only one filter for the column. It would be really nice if you always used the same syntax like:

[4]: "filter[filters][0][filters][0][field]"

[5]: "filter[filters][0][filters][0][operator]"

[6]: "filter[filters][0][filters][0][value]"

[7]: "filter[filters][1][logic]"

[8]: "filter[filters][1][filters][0][field]"

[9]: "filter[filters][1][filters][0][operator]"

[10]: "filter[filters][1][filters][0][value]"

[11]: "filter[filters][1][filters][1][field]"

[12]: "filter[filters][1][filters][1][operator]"

[13]: "filter[filters][1][filters][1][value]"

[14]: "filter[logic]"

This would make it much easier to parse.

Grid

answered on 07 Mar 2013

3 answers

133 views

Naming an Element for enhancing the standard Messages

Suppose you have an element like so

<input type="text" name="prsFirstName" required />

Then if the client side validation fails, the following message is shown

prsFirstName is required

I would like to give that element a name, which is understood by the end user. For example "first name". I tried by coding

<input type="text" name="prsFirstName" title="first name" required />

However, then the message is shrunken to

first name

So what do I have to do, so all standard message use the user-oriented naming for the element?

Michael G. Schneider

Validation

answered on 07 Mar 2013

3 answers

980 views

How to Modify the Labels on a KendoUI Slider Ticks?

I am using the KendoUi Slider. I'm using the following setings:

jQuery(document).ready(function () {
        jQuery("#slider").kendoSlider({
            increaseButtonTitle: "Right",
            decreaseButtonTitle: "Left",
            showButtons: false,
            min: 1,
            max: 4,
            smallStep: .2,
            largeStep: 1,
            value: <%= TotalScore %>,
            tooltip:
                {
                    enabled:false
                }  
        });

I have four large steps and I want to label each of them "P" "O" "G" "I" instead of number values. How can I do this?

Slider

answered on 07 Mar 2013

3 answers

134 views

Improving Validator Message for Step

Currently the message for "step" is ...

{0} is not valid

It should be improved to something like...

{0} must be a multiple of {1}

Michael G. Schneider

Validation

answered on 07 Mar 2013

1 answer

98 views

Newbe Kendo UI Mobile

HI,

how do i create a kendo ui mobile project in vs2010? And how do i create a package for my mobile device?

thanks
best regards
ww

General Discussions

answered on 07 Mar 2013

3 answers

134 views

DataViz not working in Icenium

Is there a trick to making this work in Icenium?

I was able to create a file called chart.html. I created all the JS and Styles folders. I'm able to use Chrome to view the pie chart in the browser, but when I put the html, JS, and CSS in Icenium, it does not work. I know the reference to those paths are correct.

Is there a trick to getting it to work in iDevice?

Charts

answered on 07 Mar 2013

4 answers

337 views

[Solved] StockChart Navigator current selection range

HI,

I am working on Stock chart, and i am trying to get current selected range from and to values in date format. I used selectEnd event to get those values. But i am getting from and to as number between 0 and 154. this is example response data from selectEnd event.

{
form 92
sender object
to 138 }

I don't know what these numbers are representing, i am trying to get from and to as dates from last 3 days. Please help me in finding current selected start and end date, it is very important and urgent requirement to me.

thank you

Charts

answered on 07 Mar 2013

1 answer

379 views

[Solved] kendo ui upload layout modification

Hi,

How i can put modify the browse button sitting side by side with the submit button (same line). How i can change the browse button color, i tried but only work in IE 7. the colour not change in IE 8 or above.

I use the code from sample:

<form method="post" action='@Url.Action("Submit")' style="width:45%">
    <div>
        @(Html.Kendo().Upload()
            .Name("files")
        )
        <p>
            <input type="submit" value="Submit" class="k-button" />
        </p>
    </div>
</form>


Thank you

Please advise

Upload

answered on 07 Mar 2013