Questions on Kendo UI for jQuery Forum

2 answers

376 views

I've attached a screenshot of a couple KendoUI widgets I'm trying to style, the Menu and the TabStrip.

I'm trying to remove the outer box and it's background so it matches the clients specifications for their design.

Here's an attempt I've made with no luck on the Menu:

#menu

{

background-image: none;

background-color: none;

}

#menu .k-block, #menu k-widget, #menu .k-header

{

background-color: none;

}

I was able to modify the k-item, and the hover state, but the background box is not as obvious to me. Any help is appreciated.

Thanks,

King Wilder

General Discussions

answered on 22 Jan 2013

2 answers

78 views

Showing only the markers IE8 problem

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

209 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

479 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

190 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

480 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.5K+ 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

188 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

88 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

179 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