Questions on Kendo UI for jQuery Forum

2 answers

70 views

Hello,

I have a line graph and I want only the markers to be visible. To make this happen I set the line width of the graph to zero. For an example see http://jsfiddle.net/CjMCZ/2/ .

This is working for Chrome, Firefox and IE9. However in IE8 the line is shown with the minimum width. I believe this is a bug. How can I only show the markers in IE8?

Regards,
Marcel

Charts

answered on 22 Jan 2013

2 answers

197 views

RangeSlider defaults

How do I set the default selected range on the slider? I tried selectionStart\End, but that doesn't seem to work.

<div class="new-capacity-slider" data-role="rangeslider" data-max="20" data-min="0" data-style="width: 290px" data-selectionStart="0" data-selectionEnd="10">

<input />

</div>

MVVM

answered on 22 Jan 2013

4 answers

457 views

Making file upload buttons and submit buttons look OK

With iOS 6 we now have the ability to upload photos via Safari (win!). But, when using standard form and input elements for uploading, the buttons appear too small and formatting breaks:

<div id="image-form" data-init="initForm">

<form action="/home/uploadimage" method="post" enctype="multipart/form-data">

<label for="file">Filename:</label>

<input type="file" name="file" id="file" />

<input type="submit" name="submit" value="Submit" />

</form>

</div>

Something like the above produces something ugly. See attached.

Do I need to edit my own CSS for this or is there a better way?

Thanks!

Button (Mobile)

answered on 22 Jan 2013

2 answers

173 views

ComboBox not displaying items

I have a simple ComboBox

@model IEnumerable<myDto>

@(Html.Kendo().ComboBox()
          .Name("instructors")
          .DataTextField("Name")
          .DataValueField("Id")
          .BindTo(Model)
          .Events(e=>e.Select("InstructorSelectionChanged"))
          )

see attached file: screenshot and generated html

what am I missing?

Menu

answered on 22 Jan 2013

8 answers

445 views

Toolbar: Separator missing?

Was the "Separator" toolbar item removed from the Kendo Editor for a specific reason? Or is there a way to implement it that I'm not seeing?

And if the former is the case, are there any plans to re-implement it?

Editor

answered on 22 Jan 2013

2 answers

1.4K+ views

NumericTextBox with null values

I have a Model which contains a property
public decimal? CountedStockQuantity {get;set;}

I bind this property to grid column like this:
columns.Bound(col => col.CountedStockQuantity).EditorTemplateName("FixedNullableDecimal").Width(120).ClientTemplate("#= (CountedStockQuantity == null) ? ' ' : CountedStockQuantity #");

I use a editor template :
@model decimal?

@(Html.Kendo().NumericTextBoxFor(m => m)
.HtmlAttributes(new { style = "width:100%" })
)

When I leave an empty value in control, validation occur
The field Counted qty. must be a number.

How do I need to build an template editor to avoid this validation ?

NumericTextBox

answered on 22 Jan 2013

3 answers

178 views

How to align two y axes

I'd like to align two y axes to have some specific values on the same line, e.g. to have zero values (generaly it doesn't have to be zeroes) of both axes aligned. I tried to use axisCrossingValue of both y axes set to zero, but it didn't work.
I'd appreciate any help.

Charts

answered on 22 Jan 2013

1 answer

79 views

Validation Demo uses incorrect class for valid data after invalid attempt

You can reproduce the steps here: http://demos.kendoui.com/web/validator/index.html

Click "Submit" without entering any valid data.
The error status "Oops!..." is displayed in red.
Correct all the errors by entering valid data and then click "Submit" again.
The status "Hooray! Your tickets have been booked" is displayed in red instead of green.

If you enter valid data immediately on entering the page you get the message in green as you should.

It seems that once you've had an "invalid" class assigned to the status that class sticks and simply adding the "valid" class doesn't fix it.

Validation

answered on 22 Jan 2013

1 answer

163 views

Tooltip not working properly in chart with multiple series in IE8

Hello,

The tooltip is not always shown when hovering over items in charts with multiple series in IE8. Also the column does not change color when hovering over. In the example below the tooltip only works for the line.
http://jsfiddle.net/XGHYj/

Can you help me solve this problem?

Regards,
Marcel

Charts

answered on 22 Jan 2013

4 answers

392 views

Automatic horizontal scrolling problem

The title is slightly misleading now that I've determined the cause of the issue (caused by lack of preventDefault, not a kendoUI focus feature). I can't edit it though.

I've created a fiddle to display the issue I am facing. Visit http://jsfiddle.net/LT9db/embedded/result/ and reproduce by clicking "My Web Site" followed by pressing the right arrow key 5 times. My view from chrome: http://i.imgur.com/0rduP.png

Due to the length of the tree and the rendering of the splitter it's very hard to tell what is going on. You need to scroll all the way to the bottom in order to see the horizontal scrollbar of the treeview that has been placed inside the left frame. There are a couple of solutions I've come up with so far

Wrap the text, as with my-vacation-photo etc (white-space: pre-line, unfortunately IE8+ and I support 7+). Would be nice if this was default styling?
Resize the panel's width on expand
preventDefault when right arrow key is pressed

This behavior is because preventDefault/return false is not called once "my-vacation-photo..." is the node actively highlighted and the right arrow key is pressed. I'm not entirely sure how to handle this situation yet other than modify the kendoui source or attach my own handler for keypress.

I'd rather things be cut off on the right than on the left. Thoughts and other solutions are appreciated

TreeView

answered on 22 Jan 2013