Telerik Forums
Kendo UI for jQuery Forum
5 answers
1.0K+ views

I am working on an old site that uses the old MVC wrappers(before kendo), not sure if that has anything to do wit my problem.
I have added several kendo switches to a page, I tried using the Kendo MVC wrappers but I just get a plain checkbox, so using the plan old kendo JavaScript widgets and they are showing up just fine. My problem is that the events don't fire.

my code

<div class="form-group">
           @Html.LabelFor(Function(model) model.OrderCompleted, htmlAttributes:=New With {.class = "control-label"})
           <div>
               @Html.EditorFor(Function(model) model.OrderCompleted, New With {.htmlAttributes = New With {.class = "form-control kendo-switch", .data_change = "switchChange"}})
               @Html.ValidationMessageFor(Function(model) model.OrderCompleted, "", New With {.class = "text-danger"})
           </div>
       </div>
resulting html
<div>
                <span class="km-switch km-widget km-switch-off" style="-ms-touch-action: double-tap-zoom pinch-zoom;"><input name="OrderCompleted" class="form-control kendo-switch check-box km-widget" id="OrderCompleted" type="checkbox" value="true" data-role="switch" data-val-required="The OrderCompleted field is required." data-val="true" data-change="switchChange">        <span class="km-switch-wrapper"><span class="km-switch-background" style="margin-left: 0px;"></span></span>         <span class="km-switch-container"><span class="km-switch-handle" style="transform: translateX(0px) translateY(0px);">             <span class="km-switch-label-on">YES</span>             <span class="km-switch-label-off">NO</span>         </span>     </span></span><input name="OrderCompleted" type="hidden" value="false">
                <span class="field-validation-valid text-danger" data-valmsg-replace="true" data-valmsg-for="OrderCompleted"></span>
            </div>
<script>
    function setBoolean() {
        if ($(".kendo-switch").length) {
            $(".kendo-switch").kendoMobileSwitch({
                onLabel: "YES",
                offLabel: "NO"
            });
 
        }
    }
    function switchChange(e) {
        alert()
       // alert(e.checked)
        // alert(e.id)
    }
 
 
    
        setBoolean()
 
 
</script>

Thanks
Dimitar
Telerik team
 answered on 11 Feb 2019
1 answer
178 views

Hi Team,

Am using kendo directory upload, it works in chrome browser but not in IE. 
either am looking for kendo drag and drop or in RAD - explorer to make it work in IE.

Marin Bratanov
Telerik team
 answered on 08 Feb 2019
1 answer
125 views

Hello,

   I am a developer supporting a web app written in PHP that uses Kendo UI v2016.1.226.  Recently I have been seeing a console warning in Chrome stating that document.registerElement calls are deprecated and will be removed in M73, March 2019.  It also states to use window.customElements.define instead.

 

My question is has later versions of Kendo UI (specifically kendo.all.js) adjusted those calls?  The call I am being prompted on is on line 119478 and is part of a Kendo Library Function.  What version would I need to upgrade to in order to clear this warning?  Is the registerElement function affect PHP Users or Just Angular?

Alex Hajigeorgieva
Telerik team
 answered on 08 Feb 2019
3 answers
139 views

Is it possible to stack in a waterfall chart ?

please see example attachment.

Thanks in advance,

Ludovic

Chivas
Top achievements
Rank 1
 answered on 07 Feb 2019
4 answers
1.5K+ views

Dear Telerik,

 

I have a Kendo Grid with a kendoComboBox column.
The kendoComboBox is filled with remote JSON-Data and the input's 'required'-property is added. ('<input required ).
The validation of the required property is working, but only after I first focused the combobox-column or I first selected the combobox.
When I do not touch the combobox-column and click the save-button immediately, the validation is not done and the server gets an empty value.

Is there a way to validate and display the required message underneath the combobox after pressing the save button ?

Regards,

Henri

 

Tsvetomir
Telerik team
 answered on 07 Feb 2019
4 answers
307 views

There are always have a row gap in group row. (see image)

I'm trying to reduce row height. but it does not work.

Anyone tell me how to do this.

 Regards,

Yonghan

 

 

 

Ivan Danchev
Telerik team
 answered on 07 Feb 2019
3 answers
1.5K+ views

Hi,

When I paste image to the kendo editor it inserted as base64 image tag.

After that I am sending the content of the editor by mail, since many email clients blocking base64 images.

I want to disable this functionality in my project.

Please let me know how I can do it.

Thanks,

Nestor
Top achievements
Rank 2
 answered on 06 Feb 2019
2 answers
638 views

Hi,

Is there a way to add content to the end of a pdf document? I wish to show a signature at the end of the document only. Every time I try this, the signature is added at the end of every page. I only want to show it on the last page. Is this possible?

I am using the pdf export from the kendo ui grid.

Jonathan
Top achievements
Rank 1
 answered on 06 Feb 2019
2 answers
180 views

Hi

I'm trying to add different behaviors if the user click "Delete/Edit serie" or "Delete/Edit occurrence". I will like to know if there is a way (I know you have it ;)) to know which option the user select in the "dialog".

Thank you in advance!!

Claudia
Top achievements
Rank 1
 answered on 06 Feb 2019
4 answers
2.0K+ views
Hi,

I'm trying to use HTML.ActionLink in ClientTemplate, and I fail to pass arguments into ActionLink.

new { path = "<#= DataPath #>" } - doesn't work.
Any ideas how to "inject" the value into route values?
@(Html.Kendo().Grid<Admin.Models.FileToken>().Name( "mygrid" )
                .Columns( columns => {
                    columns.Bound( f => f.Title ).Width( "70%" );
                    columns.Bound( f => f.Size ).Width( "20%" ).Format( "{0:N2}MB" );
                    columns.Bound( f => f.DataPath ).Width( "10%" )
                    // Doesn't work
                    .ClientTemplate(Html.ActionLink( "Run", "ProcessFile", new { path = "<#= DataPath #>" } ).ToHtmlString() );
                } )
                .DataSource( source => source
                    .Ajax()
                    .Model( model => model.Id( key => key.DataPath ) )
                    .Read( reader => reader.Action( "GetDataFileTokens", "Dashboard" ) )
                )
        )
Alex Hajigeorgieva
Telerik team
 answered on 06 Feb 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?