Hello Team

Selection/Highlight of the Main Menu is incorrect, when the child item of different submenu is chosen. This is UI/UX glitch and would helpful if resolved

Code Snippet : https://stackblitz.com/edit/nrqsrn?file=src%2Fmain.js

Hello Team,

Icon for MS Word is missing the logo which is impacting UX for our application. Appreciate if this is resolved on priority

Reference in the Image: Docx 1. docx

Hello,

When working in Spanish or French, even if internationalization is properly configured, it is not possible to translate the items in the FormatBlock, so it is only possible to see them in English.

We tried to do it ourselves (https://www.telerik.com/forums/paragraph-and-heading-not-translated) but we found some issues, so please, consider including these few items in the default translations. 

Thanks

Lucía

Greetings,

I hope this message finds you well.

I would like to request a new feature for the Kendo Vue Dropdown List component: the ability to disable selected items directly within the dropdown list configuration. This functionality is already available for Kendo React users, as outlined in your documentation:
Disabled Items in Kendo React DropdownList.

Why This Feature is Valuable for Kendo Vue Users

1. Consistency Across Frameworks
   Many users work across multiple frameworks, including React and Vue. Consistency in feature availability ensures a seamless transition and experience for developers leveraging Kendo UI in different projects.

2. Improved User Experience
   Disabling items within the dropdown is a common requirement in dynamic forms and data-driven applications. For example, when users are selecting items from a list, disabling already-selected options prevents confusion and enhances usability by guiding them effectively.

3. Reduced Development Overhead
   While developers can currently implement this feature manually in Vue, a built-in option would significantly reduce the amount of custom code required. This aligns with the Kendo philosophy of providing robust, ready-to-use components that save time and effort.

4. Enhanced Accessibility
   A built-in disabled item option ensures proper handling of accessibility concerns, such as ARIA attributes, keyboard navigation, and screen reader compatibility. This would help developers create inclusive and accessible applications without requiring additional customizations.

5. Competitive Edge
   Offering this functionality natively in Kendo Vue would strengthen the feature parity between your React and Vue libraries, making Kendo UI even more appealing to developers evaluating dropdown components across frameworks.

Proposal

Introduce a configuration option, similar to the one in Kendo React, that allows users to disable specific items in the Vue Dropdown List component. This feature could be implemented by providing a function or property to dynamically determine which items should be disabled based on their state or other criteria.

Please extend Vue.js Grid Component with DetailTemplate like in AngularJS.

The Detail View of the Grid is very useful in combination with subcomponents, as I did always with AngularJS k-detail-template directive. By giving parameters to it it can be used really powerful.

I would like to use the same in Vue.js

Without the implementation of detail template as component or directive (But via script tag reference in options) no vue component is rendered inside.

I'm using Kendo UI with Vue wrappers. I have a grid that feeds from a remote datasource, but I have a custom implementation for the data service (using Axios). Currently, Kendo requires me to do this:
```
          <kendo-datasource ref="datasource" :data="rowData"></kendo-datasource>
          <kendo-grid :data-source-ref="'datasource'">
            <kendo-grid-column v-for="columnDef in columnDefs" :key="columnDef.field"
              :field="columnDef.field"
              :title="columnDef.headerName">
            </kendo-grid-column>
          </kendo-grid>
```

It seems like extra boiler plate to require the separate <kendo-datasource> tag. Why can't I bind my `rowData` directly to the kendo-grid?

The ScrollView provides one of the fundamental UI experience blocks on mobile apps - would like to see a wrapper implemented for Kendo UI for Vue to add support for it.

Does vue-cli v3 & kendoui R3 have support and demo programs?

Provide a local running installation package for the trial demo. Kendo UI for Vue

Stackblitz example.

The Spreadsheet options are logged in the console in the mounted function. Note that pdf.proxyURL and excel.proxyURL have no values.

Our front end team went through several frameworks before settling on Vue and nuxt.  From what I have been reading, nuxt is beginning to take off as a way to implement server side rendering of Vue.  It would be great if nuxt integration support were added to the Kendo Vue wrappers (or as a separate package if that makes more sense).

Hi all!.

Are your planning to create native gantt component?

When using native vue gird component often have to open modal windows to show details usually when a particular cell in the grid is clicked and do show modal windows have to use non-native <kendo-window> inside a vue component not happy with mixing jquery based wrappers inside a vue component and this is not ideal. I have explored using native vue popup component but it's not up there to offer what widows component is offering.

Please can a native vue component be developed that we in KendoWindow implementation?

Also, I did not find any example, where a kendo grid component is utilising a window component to open a modal window to show another detailed view of a selected cell from a gird (see an example UI of a grid).

Kind regards

Hammy Babar

 

Hi,

It is possible to display a vertical bar as highlighted in the image, which is in date and time range. This for time stamps not worked. Example for lunch, or not working due to bad weather.

 

Situation:

Consider a standard chart with time periods on the x-axis, The most recent period is to the right. If you look at the chart with all periods visible and you zoom in, the chart zooms into the center of the chart. So the most recent period drops out to the right and the older periods to the left. 

 

Request:

Use a property to stick the most recent period to the right, even if you zoom in. Currently the chart zooms into the center. The requested behaviour would be: Keep the right (or left) border and zoom in/out to the left (or right) side. So regardless of the zoom level, the most right (or left) item is allways visible.

Hi Team, 

Kindly Add "focused date" feature in kendo wrapper datepicker controls in vue.js

Thanks in advance !

 

I'm submitting a Bug report

Current behavior

<chart :title-text="'Gross domestic product growth /GDP annual %/'" 
        :legend-position="'bottom'"
        :series-defaults-type="'area'"
        :category-axis-categories="categoryAxisData"
        :category-axis-major-grid-lines-visible="false"
        :category-axis-labels-rotation="'auto'"
        :value-axis-labels-format="'{0}%'"
        :value-axis-line-visible="false"
        :value-axis-axis-crossing-value="-10"
        :tooltip-visible="true"
        :tooltip-format="'{0}%'"
        :tooltip-template="tooltipTemplate"
        :theme="'sass'">
    <chart-series-item :name="'India'"
                        :data="indiaData"
                        :line-style="'smooth'">
    </chart-series-item>
    <chart-series-item :name="'World'"
                        :data="worldData"
                        :line-style="'smooth'">
    </chart-series-item>
    <chart-series-item :name="'Haiti'"
                        :data="haitiData"
                        :line-style="'smooth'">
    </chart-series-item>
</chart>

When using the ChartSeriesItem tags to define the data in the Chart component the following error appears in the console once the Vue project is started.

Expected behavior

<chart-series-item :name="'India'"
                        :data="indiaData"
                        :line-style="'smooth'">
    </chart-series-item>
    <chart-series-item :name="'World'"
                        :data="worldData"
                        :line-style="'smooth'">
    </chart-series-item>
    <chart-series-item :name="'Haiti'"
                        :data="haitiData"
                        :line-style="'smooth'">
    </chart-series-item>

Using a definition like the above, we should be able to define Chart's data with no issues.

Minimal reproduction of the problem with instructions

1. Open this project
2. In the console run "npm install"
3. In the console run "npm run serve"
4. Open the URL of the project and see the browser's console

The PanelBar component is currently available only as a Wrapper component.

To use all the benefits provided by the Vue ecosystem, it will be very convenient if the component is available as a Native one. 

Hi,

I'm trying to figure out how to persist and restore state in the native Vue grid.  Am I missing something; is this not available yet?

I found the article about doing it with the grid wrappers, but not native.

Thanks!

Add a Native TreeList component to the Kendo UI for Vue Native suite