I have been trying to get the instance of a radiogroup, using kendo.widgetInstance("#radiogroup"), but the call always returns null. Has anyone experienced this issue?

See the example below...

<ul data-role="group" id="radiogroup" name="radiogroupName" class="k-radio-list k-list-horizontal" role="radiogroup"></ul>

...

<script>kendo.syncReady(function(){jQuery("#radiogroup").kendoRadioGroup({items: {...}, value: "...", layout: "horizontal"});});</script>

<script>
...some other script activated by an event...
const widget = kendo.widgetInstance($("#radiogroup"));
...
</script>

I've been struggling with the Captcha audio not playing on my page. I think I've figured it out but would like to confirm if this is the correct method.

I had been using the AudioHandler method with a URL to the audio source. This results in the wav data getting passed to _playAudio which gets passed to "new Audio()". This does not seem to be correct based on the Audio constructor. The examples all use AudioHandlerFunction which returns a URL, so I expected the two similar methods to produce the same results.

Instead, AudioHandlerFunction directly configures the URL for the audio. AudioHandler configures a URL that is fetched that contains a URL to where the audio is. This seems counterintuitive as the AudioHandler adds the captcha ID to the URL request.

Could a helper method be added to link directly to the audio source? Something like:

Html.Kendo().Captcha()
            .Name("captcha")
            .CaptchaId((string)ViewData["CaptchaId"])
            .Handler(handler => handler.Action("Reset", "Captcha"))
            .ValidationHandler(handler => handler.Action("Validate", "Captcha"))
            .CaptchaAudio(handler => handler.Action("Audio", "Captcha"))

This would bypass the need to have javascript to process the url:

        function audioHandler(args) {
            var url = '@Url.Action("Audio", "Captcha")';
            args.success(url + "?captchaId=" + args.data.CaptchaId);
        }

Instead of showing as much name as can fit into the field, my field shows an ellipsis.  How can I get it to show as much as is possible instead of not even trying.

My template with an icon and the Text Name:

<script id="icon-template" type="text/x-kendo-template">
    <div class='group-icon'
         style='background-image: url(@Url.Content("#: ImageUrl #"));'></div>
    <div class='group-name'
        style='overflow: hidden; white-space: nowrap;'>#: Name #</div>
</script>

My column:

columns.Add().Field(e => e.Name).TemplateId("icon-template").Width(Glossary.Portal.ButtonWidthExtraWide);

Hello,

We are using custom grid popup forms for adding/updating records, and some fields have server validations, and are using the solution described here:

https://docs.telerik.com/aspnet-core/knowledge-base/grid-popup-editing-show-server-validation-errors?_ga=2.158091705.2007812860.1650987718-278551097.1647285099

This works great for displaying the validation message, but the problem we are having is that using this method doesn't change the associated control's border to red ("k-invalid") like the automatic client-side validation does for invalid entries. (Screen shots attached to show difference)

Is there a known or relatively easy way to accomplish this?  I realize that some controls, like dropdowns or date pickers, apply the k-invalid class to different html elements within the control, so this might be too tricky to solve. 

At the end of the day, this is not a major issue, although it does add inconsistency and a small level of accessibility concern to the popup forms. Any suggestions are welcome and appreciated!

Thanks!

Tony

Hi there,

I am having trouble configuring the Grid sort by group aggregate. I was following the tutorial( https://docs.telerik.com/kendo-ui/knowledge-base/grid-sort-group-by-group-aggregate ) that was done in jQuery, but I didn't manage to configure the grid properly. Can someone share the same configuration in .NET Core?

Thanks.

Hello,

I have an existing project where I am trying to use the PDF Viewer control. But in this project I have a JS file callled vendors.bundle.js wich is causing some type of conflict with kendo.all.min.js, making an error of "kendoPDFViewer is not a function" appear at the console.

I have tried putting the scripts references at different points of the application other then the page itself, but that only caused more errors.

I removed the reference to the file vendors.bundle.js, but that made several parts of the project stop working.

So, my question is how do I find out what kind of conflict is this, and how to solve it.

Regards,

Alexandre

I need to format the number in Grid as $123.00 or $123.25. The input comes from a modal form.

ViewModel has these values as Double.

Neither format attempts are working, the numbers are displayed as entered.

So if the user entered 1, it should display as $1.00, but instead it displays as 1.

columns.Bound(p => p.MyNumericValue).Title("MyTitle").ClientTemplate("#= kendo.toString(MyNumericValue, '{0:0.00}') #");
 columns.Bound(p => p.MyNumericValue).Title("MyTitle").Format("{0:0.##}");

Thanks.

Hello, in the columns grid, the HeaderHtmlAttributes() function no longer works.

It no longer works if you put a style. example. HeaderHtmlAttributes(new { style = "text-align: center" }).

The demo does not work
https://demos.telerik.com/aspnet-core/grid/cell-alignment

Thanks,

   Jose

When in Hierarchy view .. how can I Add/Update/Delete both Master and Detail?