Chose which css element to control the time dropdown list width?

Please see the image attached, the time dropdown list width is very narrow, I need to know which css element to tontrol it.

yours,
Ivan

Is there a way to set hoverDelay only for the menu closing? Or conversely to remove the hoverDelay on open? We'd like a longer hoverDelay for closing the menu, but not delay opening any further.

Hi! I've made a custom button to replace the 'Delete' ('destroy') button in an inline editing grid - How do I delete the data with this button in a specific field?:



Thank you!

Hello, 

I have come across an issue where shapes are being removed from the diagram when I choose to cancel the edit dialog. The issue seems to be tied to the schema of the dataSource. If I provide a mapping for the 'id' of elements in the dataSource using the cancel button on the edit dialog causes the shape and element to be removed: http://dojo.telerik.com/osOmA/7 

If this mapping is removed then the shapes function as expected.

Thanks

Hi,

I have a dropdownlist defined as follows:
<input class="input-width-75"
     data-role="dropdownlist" data-auto-bind="false" name="signature" data-option-label="select signature" data-value-primitive="true"
     data-text-field="name" data-value-field="name" data-bind="source: signatureDatasource, value: signature" required/>

After running the .validate() function, tooltip not showing saying that this is required!  The required attribute is showing on the "hidden" input though in HTML.

Any idea? 

I'm using the online ThemeBuilder: http://demos.telerik.com/kendo-ui/themebuilder/

I select a design, lets say 'Material Black'. I then choose to start the Kendo UI ThemeBuilder. It has a little think and then lets me pick between web or DataViz. However, a few of the styles have now broken. For example, notifications all have a blue border around them whereas before the border colour was a darker shade of the background colour. The tab strip is another example, the selected tab is now pure white (making the text un-readable). Also drop down list backgrounds have gone white whereas before they were a dark grey.

Is this a known problem? Any workaround?

I'm using latest Chrome (40) on Win 8.1.

Hello

I have a page in which I return about 500+ records and the Grid takes about 15 secs to load. Everything up-to the point where I get data from the DB is really fast (less than a sec), but when the data is returned from the controller "Json(vm.ToDataSourceResult(request))" to the time it takes to render the data is really slow. The grid uses Ajax Binding and has default Grouping by 3 columns, and some sorting (See GridDefaults.PNG). To overcome the slowness I tried using Virtual Scrolling (which is fast as it has virtual paging), but this correctly loads the grouped data for the first loaded page (say 100 records) (See Capture.PNG) but on scrolling, the rest of the pages does not have the sub data (See Capture1.PNG), and is broken. 

Why is the rending this slow (for the first scenario), Can you please let me know if that is the default behavior and if there's something I can implement to make this faster?
Is virtual scrolling supported with Grouping, as this works for the default first load, but on scrolling, it does get data to render, but is broken on expanding the Grouped columns.

Thanks.

Hi

In following example - http://dojo.telerik.com/IqIYI/5 - I am trying to understand how the data should be saved in my DB (and hence fed to the scheduler).

This is my custom edit template.

    <script id="editor" type="text/x-kendo-template">    <h3>Edit meeting</h3>    <p>
           <label>Title: <input name="title" /></label>    </p>    <p>
           <label>Start: <input data-role="datetimepicker" name="start" /></label>    </p>    <p>
           <label>End: <input data-role="datetimepicker" name="end" /></label>    </p>    <div class="k-edit-label">
            <label for="Contact">Contact</label>
        </div>
        <div data-container-for="Contact" class="k-edit-field">
            <select id="Contact" multiple="multiple" name="Contact"
                data-role="multiselect"
                data-bind="value:Contact"
                data-source='[
                    { "text": "Person1", "value": 1 },
                    { "text": "Person2", "value": 2 },
                    { "text": "Person3", "value": 3 }
                ]'
                data-text-field="text"
                data-value-field="value"
                data-value-primitive="true"
                ></select>
        </div> </script>


And my datasource for the only event (seen on the right in the example) is following:

    dataSource: [
        {
          id: 1,
          start: new Date("2013/6/6 08:00 AM"),
          end: new Date("2013/6/6 09:00 AM"),
          title: "Interview",
          contact: "[1, 2]"
        }
      ]

..The start, end date and the title fill the popup properly (when double clicking the "Interview" event on the right to show its contents).
However the Contact field does not fill.
I tried the following to no avail, does anyone have a clue?

    contact: [1,2]
    contact: {1,2}
    contact: [{1,2}]
    contact: [{value:1, value:2}]

We're trying to change the styling of the valueAxis to:

1. Show the scale on the amount of the value axis next to the largest amount.

It might be possible to implement this by using a valueAxis.title for the scale and (negative) margins on the plotArea, valueAxis and valueAxis.title. This however feels fragile (for example it depends on the width of the title text). Is there a another, better way to implement this that is more robust?

2. We want the grid lines to extend to the left and have the amounts shown on top of them instead of next to them.

We couldn't find a way to extend the grid lines to the left. Is this possible in any way?

See http://dojo.telerik.com/@ckuijjer/aZipA for a code example of our implementation

Hi

I have following example:  http://dojo.telerik.com/IqIYI/2

In the example there is a custom edit template when you double click on the calendar to make a new event.

There is a container for "Contacts" which has an array as data-source.

When I open the page I have to get data from the server (which takes 1-2 seconds -> simulated in the example via setTimeout function). Because this takes a few seconds it seems that the template does not catch the data properly - hence the field having no data in the popup template.

How can I "load" data into the edit template or deffer its creation?


<div data-container-for="Contact" class="k-edit-field">
        <select id="Contact" multiple="multiple" name="Contact"
            data-role="multiselect"
            data-bind="value:Contact"
            data-source=kontaktdata     <----------------
            data-text-field="text"
            data-value-field="value"
            data-value-primitive="true"
            ></select>
    </div>


Many thanks