Questions on Kendo UI for jQuery Forum

1 answer

177 views

I have a vertical layout where I rely on the splitter for vertical scrolling. What I'd like to do is have a vertical border connecting a header area to the following content area that contains the scrollbar. The problem with setting the CSS to height/borderwidth 0 is that the offset of the pane below it will still be 1px off.

I don't see how to deal with this other than javascript to adjust the height of the element above, not css because of the inline element height style (or moving the pane below it up 1px, seems more brittle though).

Ideally the panes would have an option to omit the border of a static splitter and in turn calculate the offsets appropriately. Other thoughts/solutions?

Splitter

answered on 22 Jan 2013

2 answers

427 views

[Solved] CSS Styling of widgets

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

126 views

[Solved] 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

236 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

539 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

214 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

538 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

233 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

129 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