Go to example page for floating label https://www.telerik.com/kendo-vue-ui/components/inputs/floating-labels/

Type 0 into the numerictextbox field.

Notice the floating label comes down and overlaps with the currency value.

Floating label should not be coming down on a non empty value.

 I add "duration" field to data source but it throw error "this.duration is not a function...".

So, How can I do this?

Thanks,

Chung

Hi,

according to  This Demo eventsPerDay Prop should work in kendo 2020 R1 release. But it is not working for the vue version of the kendo-scheduler-view. Is there any workaround to do in order to make this work? 

One other thing is i even tried the css way with this but that also not working.

Thanks and Regards!!!

I'm trying to import only the components needed, but when I import only the panelbar and the wrapper, the animation does not playing when expanding/unexpanding the panelbar.

The animation does play when importing all of kendo-ui, so what other component do I need to bring in to make the animations function?

StackBlitz of animation not playing here: https://stackblitz.com/edit/vue-3kamya?embed=1&file=index.js

Hi Kendo,

Is there a place to read the latest changes or notes from the last release. The content on the site is a half year behind.
By example access to the github repo to see the latest commits or a wandered topic post with some info.

Kind regards,
Sander

I am using the Grid, but manipulating the URL with search parameters.  The first page works great, showing the total rows, number of pages, etc.  When navigating to other pages, I can see that the grid is successfully generating and hitting the URL.  Within the change() event, I can see the correct rows returned.  However, the grid is not updating with the new content.  Is there something else I need to do?

Here is the grid definition

I recently ran into a situation where an update method I wrote stopped working.  The method uses jQuery to open a grid row, target 4 separate fields and change their values to new ones that have come in from an API call.

When I dug in, I discovered that the attribute my method uses to navigate to each field in the row, data-field="myFieldName", was completely missing.  Thus the jQuery was finding nothing and no updates were happening.

The field is in all my other grids so I looked to see what I had done differently in this grid to make that disappear.  Turns out a couple things: One was I added "editable" and "navigatable" as options to the grid, because I'm allowing in-cell editing.  The other was I set "scrollable" to true (I typically set it to { virtual:true }).

As soon as I did this the "data-field" attribute stops being rendered in the columns.  With "editable" and "navigatable" what I get instead is an attribute "aria-describedby=" with a cell-specific GUID.  The "scrollable" property seems to just eliminate the data-field but has no other weird effects.

I need in-cell editing but I also need to have each field position identified.  Is there a way I can force "data-field" to show up?  Alternatively I could add a new "data-customAttribute" type of attr on there, but how do I accomplish that?  Worst case I can add an identifier into the actual template for the column, which is just some simple HTML. 

I'd prefer to do it with "data-field" since that would allow me to implement one consistent method for editing values whether a grid is marked as editable or not.

I am trying to figure out how to replace the points (open circle dots) on a line chart with just a smooth line. I have been looking through the chart API and thought the solution would be the plot area border dash type. However, this doesn't appear to do anything. I am either implementing it incorrectly or it is not the correct solution. A third possibility is that it is buggy and does not work. I am using Vue with typescript. Below is my attempted implementation:

<kendo-chart :data-source="chartData"
             :series="series"
             :pannable-lock="'y'"
             :zoomable-mousewheel-lock="'y'"
             :zoomable-selection-lock="'y'"
             :category-axis="categoryAxis"
             :theme="'sass'"
             :category-axis-title-text="'Time'"
             :value-axis-title-text="'Attribute'"
             :tooltip="tooltip"
             :plot-area="plotArea">
</kendo-chart>

plotArea: any = {
    border: {dashType: 'solid'}
};