Hi,

I have just purchased 3 licenses for three of my developers. I got the eMail and set up my account. I am not one of the three poeple who will be using the product. How do I grant my three developers access while keeping my own account? Seems I can only name three and then I would n'd be on the list and couldn't manage the licenses when the team changes.

Thanks,

+Ben

Ever since I updated to Q1 release of kendo I can no longer style the modal view correctly.  Right now I have my modal view html like this:

<div id="globalSaveModal" data-role="modalview" class="modalSave">
    <div data-role="header">
        <div data-role="navbar">
            <span>Save</span>
        </div>
    </div>

    <p id="globalSaveModalMessage" align="center">Save...</p>
</div>

and my CSS class like this:

.modalSave {
    height:  auto;
    width: 100%;
    position: fixed !important;
    top: 0px;
    left: 0px;
}

This worked before Q1 was released.  Not only that, CSS styling are having weird effects.  Fixed no longer works as Fixed should, it instead makes the modal view incredibly tiny and doesn't display any of the text part nor does it position it in a fixed way.  It keeps it in the same spot as if it were still Relative.

Am I missing something with the modal view?  I don't have trouble styling any of the other kendo widgets.  Modalview is the only one that does not seem to behave correctly.

Hi,

I have two grids on a Popup Edit of another grid and want to move data rows between the two grids on Popup.

As of now able to maintain the check-box check state on the grid during refresh as below.

And I am  looking for is to select the row when the check-box is checked and Unselect  the row when check box is unchecked even when grid is refreshed.

(Note: Grid as of now not at set to  [selectable: "multiple"] and  let me know if this is required.)

$("#availableAgentsGrid").kendoGrid({
        dataSource: agentdataSource,
       dataBound: function () { 

         //On Grid Databound Maintain the state of Checkbox when grid refresh on .
            for (agent in avAgentCheckedarray) {
                if (avAgentCheckedarray[agent]) {
                    $('#'+agent).attr('checked', 'checked');
                }
            }


            //Set agent Check box; Check and Uncheck Action Event
            $('#availableAgentsGrid tbody').on('click', ':checkbox', function () {
                var id = availableAgentGridData.dataItem($(this).closest('tr')).AgentID;
                if ($(this).is(':checked')) {
                    avAgentCheckedarray[id] = true;
                    $('#' + id).attr('checked', 'checked');

                } else {
                    avAgentCheckedarray[id] = false;
                    $('#' + id).removeAttr("checked");
                }
            });

        },//End of Databound
        columns: [
                       { field: "AgentID",
                           title: "<input id='acheckAll', type='checkbox', class='checkbox' />",
                           width: 50,
                           filterable: false, sortable: false,
                           template: "<input type='checkbox' class='checkbox' id='${AgentID}' />" //define template column with check-box and attach click event handler
                       },

  });// End of #availableAgentsGrid  

availableAgentGridData = $('#availableAgentsGrid').data().kendoGrid;

Thanks,
Chatrapathi Chennam

I can't figure out what I am doing wrong with this.

Treeview code with inline dataSource defined - this works fine.


If I move the dataSource definition out to its own declaration:


and change the treeview to use the defined datasource:


The data is no longer displayed in the treeview.  When I look at the call/response in firebug, the data is returned correctly.

What am I missing?

Thanks.

Hello,

Scheduler_navigate Event gives e.date. But i would like to get the selected view start and enddate in navigate function. Currently this.view().startDate() and endDate() inside navigate function gives previous date range(before navigate). is there a way to get new date range to requery datasource for current view

Anamika

I want to add drag/drop functionality to a listview. Therefore I made the items of the listview draggable. As a result of this, the change event is not raised anymore when clicking the items.



See http://jsfiddle.net/OnaBai/MYbgy/1 for the full example

I am planning to use Panel bars with section of user input fields, a verification will happen for each section and a the image of the panel should show error or success validation result.

How can I change a panel bar image using javascript.

Thanks.

Hi all,

I have a Backbone application with multiple KendoUi [v2013.2.918; kendo.all.min.js] components e.g. Grid, NumericTextBox. To display this value "12,5 h" in a numericTextBox, I use this:


For the development Version, not optimized with r.js (requie.js), everything works as expected. For the production Version, after the r.js optimizer, this format breaks the app:


The predefined formats like "c2" or "p" works without a problem. Could it be a problem with the kendo.culture('de-DE') I use? I had similar problems with the library globalize.js, which overrides the kendo.culture. Is there a known dependency to another library who could break the optimized-code? There is a 2nd library with dependencies to globalize.js:

require.js-config

There is a forum entry on the kendo site, with a similar problem. The solution should be to load the kendo library before the globalize library. If I take a look to the script-tags on the index.html, kendo comes before globalize. So, this is not a solution that works for me.

For more information, please let me know.

Thanks 

Sascha

Hello,

I have the following donut chart created by the latest build. (First image)
And it is my aim to create the given chart. (second image)

My questions are;

-Are there an option to change the distance of explosion?
-Is it possible to convert the label ": - %30" to only "%30" ?
-Is it possible to put a small circle behind those labels as in second image?

Thanks and hope to hear back from you asap!

I'm trying to fire an event without change happening and I'm having some trouble figuring it out.

I have the Kendo UI widget on my webpage and the default value is #000000 when the color picker loads. If I click the Apply button in the color picker the 'change' event doesn't fire because I didn't change anything. If I change the slider and click 'Apply' then the value changes and is also put into the 'input text' field.
How do I get it so the value #000000 is set when I click Apply without changing anything?

Code snippet:
<input type="text" class="text colorPicker" size="25" maxlength="100" title="${geo:loc attribute=&quot;title&quot; phrase=&quot;Please enter the hexadecimal value for the font color.&quot; /}" name="${geo:object name='CntwChooseColorScheme.PRIMHEAD_FONTCOLOR' attribute='name'/}" id="${geo:object name='CntwChooseColorScheme.PRIMHEAD_FONTCOLOR' attribute='id'/}" value="${geo:object name='DERIVED_COMPONENT.Wizard.GetValue(CntwChooseColorScheme.PRIMHEAD_FONTCOLOR)' attribute='value'/}" /> <input id="primaryheaderfontcolor" type="color" value="${geo:object name='DERIVED_COMPONENT.Wizard.GetValue(CntwChooseColorScheme.PRIMHEAD_FONTCOLOR)' attribute='value'/}" /> <script> $("#primaryheaderfontcolor").kendoColorPicker({ value: "#000000", buttons: true, change: function(e) { $('#prim_head_font_color').val(e.value); console.log("The picked color is ", e.value); console.log(e); } }); </script>