Hello
I'm trying to solve some annoying issues related to Grid Pop-up Editing Validation:
1. Most annoying is validation errors are hiding my fields so user cannot edit anything - see screen shots. I need to display this error message in more user friendly way - e.g on the right side of input, but I cannot achieve that.
2. All validations are based on custom validation so when focus is lost it is not fired - how to force such validation.
My template is looking like that:
java script for e.g. sortcode validation is - this part of dataSource schema:
The validation messages are only show on Update button.
3. Errors from server - how to display them in the same way as client side validation messages. (I'm using MVC- but usually with plain JavaScript without wrappers). I'm parsing errors in following way and display them in alert, I want to display them in line and prevent close form on update.

Hello! Please help me. How can I do that's it? File untitled.

Hello,

The drawer does not work as expected when data-show and data-hide events are attached:

See the JsBin demo:
http://jsbin.com/eqisip/9/edit

Thanks,
Martin

Hello,

I am using Kendo UI Web v2013.1.614 release with jQuery 1.9.1 and i have problems with header template in kendo grid.
Here is declaration of grid:

                    
The first problem i faced was that all templates stuff like '#=runTemplate()#' and so on doesn't work in header template. In item template it works ok.
So i declared inline template for header but haven't succeeded in binding it to something.
I tried several context like parent(), parent().parent(), $root and some custom bindings but nothing worked, looks like this is bug.

Best regards,
Alexander

Hi,

I have a grid and its by default grouped through the datasource like below:

I would like to be able click the ProjectName which will then the project record in a popup.

How can I add a click event to the group header?

Thanks.

Dear Kendo Team,
In a numeric textbox, I can't put the decimal seperator via the non-numeric key that it's to say, i can't access to the dot key thanks to shift+dot (in a azerty keyboard)
I can acces it clicking on  CAPS LOCK+dot
Could you reproduce it?That is normal?
Thanks in advance for your answer.
Kind regards

The the Stacked and grouped bars have several values in one serie, I just want to show the total value. How can I do? Thanks very much!

Is there no option to have the edit template just takeover the screen, be outside the list view?  Why does it always have to render inline?

Why are some pages when redirected when button clicked does not detect the kendo css and all other scripts as well? What Am I doing wrong?

here is my code.


JumpTo.html


<script>
    
    getCategories();
    
</script>

<div class="CouponMainDiv" data-role="page">
    <div data-role="header" id="searchdiv" role="banner">
          <h1 role="heading" id="couponheader">Coupons: Jump To...</h1> 
          <a id="backbutton" href="Coupons.html" data-role="button">Back</a>
       </div>
   </div>

<div class = "jumptocontent" data-role="content">
    
    <ul id="category-list" data-role="listview" data-style="inset">
    </ul>
    
</div>


<div data-role="footer">
                <div data-role="tabstrip">
                   <a href="index.html" data-role="button" class="footerbutton">Coupons</a>
                   <a href="index.html" data-role="button" class="footerbutton">My Wallet</a>
                   <a href="index.html" data-role="button" class="footerbutton">My Rewards</a>
                   <a href="index.html" data-role="button" class="footerbutton">Checkout</a>
                </div>
</div>

couponevents.js

function getCoupons()
{    
    console.log("SOAFDGHISELAGHLASHGLSAHNGLSIHGIOGHDSFLBHNASLDGKNASL;GHSLVNASDLGHSWGLSDG");
    
    var results = "";
    //var page = 1;
    var colorctr = 0;
    
    $.post("http://kupongi-beta.azurewebsites.net/Ajax/AvailableCoupons",{page:1},function(data){
      
      //  alert(data.item[0].ID);
        
       if ($(".coupondiv").size() > 0) {
        var colorCnt = $(".coupondiv").last().attr("class");
        colorctr = parseInt(colorCnt.split("couponcolor")[1]) + 1;
    }
    
        
        
      for (x = 0; x < data.item.length ; x++)
      {
          
          
          if (colorctr > 5) colorctr = 0;
          
        results +=  "<div id= '" + data.item[x].ID + "' class='coupondiv couponcolor"+colorctr+"'>" +
                    "<div class='indcoupon'>" +
                        "<img class='couponimg' onError='this.onerror=null;this.src=\"styles/Imgs/logo.png\"; ' src= '" + data.item[x].Img + "' />" +
                        "<span class='couponexp'>Exp. 12/31/13</span>" +
                    "</div>" +
                    "<div class='coupondescription'>" +
                        "<h3>" + data.item[x].Name + "</h3>" +
                        "<p>" + data.item[x].Description + "</p>"+
                    "</div>"+
                    "<div class='shares'>" +
                        "<img class='shareicon' src='styles/Imgs/icon_share.png'/>" +
                        "<img class='shareicon' src='styles/Imgs/icon_wallet.png'/>" +
                    "</div>" +
                "</div>";
         
          
          colorctr = colorctr + 1;
      }  
        $(".couponsdiv").append(results);
       
        
    });
    
}

function getCategories()
{     
       var categories = "";
       var currentcategory = "";
    
    $.post("http://kupongi-beta.azurewebsites.net/Ajax/GetCouponCategories",{opt:"all"}, function(data){
        
        $("#category-list li").remove();
        
        for (x = 0; x < data.length ; x++)
        {
            currentcategory = data[x].Name;
            categories += " <li><a class='categorylist-a' data-action='"+data[x].Name+"' id='"+data[x].CategoryID+"' href = 'Coupons.html'>"+ currentcategory.split(" (")[0]; +"</a></li>";
        }
        $("#category-list").append(categories);
        
    });
}
Coupons.html


<script>
     
     $(document).ready(function(){
         
        getCoupons();
         
         
     });
 </script>   
<!--HEADER DIV-->

<div class="CouponMainDiv" data-role="page">
    <div data-role="header" id="searchdiv" role="banner">
          <h1 role="heading" id="couponheader">Coupons</h1>
          <input type="text" id="txtSearch" value="Search" />
          <a id="jumptobutton" href="JumpTo.html" data-role="button">Jump To...</a>
          
       </div>
   </div>



<!--CONTENT DIV-->       
<div data-role="content" class="couponsdiv">
   
</div>
        
   
<!--FOOTER DIV-->  

    <div data-role="footer">
                <div data-role="tabstrip">
                   <a href="index.html" data-role="button" class="footerbutton">Coupons</a>
                   <a href="index.html" data-role="button" class="footerbutton">My Wallet</a>
                   <a href="index.html" data-role="button" class="footerbutton">My Rewards</a>
                   <a href="index.html" data-role="button" class="footerbutton">Checkout</a>
                </div>
            </div>

I need to resize a container when the animation completes, does no such event exist?