Hi Telerik Team,

 I have a requirement in the scheduler like when I mousedown and select few cells in the scheduler and on mouseup the add event window should open with the start and end shown from the selected cells.

I tried the below code by seeing in the forumns

scheduler.wrapper.on("mouseup", ".k-scheduler-table td, .k-event", function (e) {

//code to open 

});

but this is working only once but when I re select the cells the mouseup is working and the default behaviour is also removed.

Thanks,

Hi Telerik team.

I use your Editor and I have some issues with Image Browser:

1. I need select multiple Images in ImageBrowser, but now it is only one Image selected. Is multiple selection possible?

2. When I try to Drag&Drop multiple images from some folder in a PC to an Image Browser - only one image is inserted. Is it possible to drop multiple Images?

Thanks.

I'm currently creating a Scheduler to manage a group of X people. I currently have checkboxes to filter out people but this simply removes those events from the scheduler and the rows remain in place.

I've managed to remove the person from the table row header by simply searching for the name of the person being checked but I'm a bit lost as to how I would also remove their row?

Cheers,

In our web application we are switching the active view content as documented using the build in showIn function of the layout class

During debugging sessions we have noticed, that this method also invokes the show method of the current active view and not only the new view.

We are not quite sure if this is working as designed or if there is a misconfiguration from our side.

Is it possible to prevent this behaviour?

Thanks in advance.

Regards

Patrick

Hello,

I need to render HTML content inside some grid cells. So i used the #= # syntax to test if the content is rendered correctly. I embedded the field into <p>-tags to test the simplest case of HTML contents so that it looks like: #= <p>fieldName</p> #

The result is a JavaScript error saying "Invalid Template".

Is the #= # syntax supported for row templates? Because I need this feature in a row template.

As further information: If I change #=<p>fieldName</p> # to #: fieldName # my template works properly.

Regards

Sebastian

Really easy to work around, but worth mentioning to the team.

AngularJS can add the class 'ng-scope' to the beginning of the 'class' attribute for the tr elements, and alternate rows add k-alt before that.  The result is that the css selector 'k-ios7 [class^=k-]' will apply only to the rows with k-alt since the ng-scope class breaks the starts-with assumption.  The result is a visual fluke where non-alternate rows select with background-clip: content-box and alternate rows select with border-box.

I want to open modal popup when kendo-grid header is double clicked.I tried the following

This way, the popup opens correctly but it also sorts the grid (default grid functionality).

Please suggest how to prevent grid from sorting when header is double clicked.

I'm using the combobox in an AngularJS application.
The list items use a custom template that show multiple columns of data. 

e.g.
[selected value] [v]
[option list column 1  | col2    | col 3   | col4 ]
[option list column 1  | col2    | col 3   | col4 ]
[option list column 1  | col2    | col 3   | col4 ]
[option list column 1  | col2    | col 3   | col4 ]
[option list column 1  | col2    | col 3   | col4 ]

The trouble is that the options list is set to the width of the input field, but the options are much wider than that field.
I need the width of the options list to be wide enough to show all the columns in the options template without scrolling.

The documentation shows how you can make the list items for a combobox wider than the input box using jQuery.

<input id="comboBox" />
<script>
    var combobox = $("#combobox").data("kendoComboBox");
    // set width of the drop-down list
    combobox.list.width(400);
</script>

How can you do this in an Angular application?

My Angular template looks like this:
<select id="property"
  kendo-combo-box                         
  k-options="propertyOptions">
</select>

With controller code that looks like this:

            $scope.propertiesDataSource = new kendo.data.DataSource({
                data: property_list
            });    
  
            $scope.propertyOptions = {
            dataSource: $scope.propertiesDataSource,
            dataTextField: "PropertyName",
            dataValueField: "PropertyID",
            // using {{angular}} templates:
            valueTemplate: '<span>[{{dataItem.UtilityAccountID}}] {{dataItem.PropertyName}}</span>',    
            template: '<span class="k-state-default" style="width:800px"><div class="combobox-item" style="float:left;white-space:nowrap;width:45px;">{{dataItem.UtilityAccountID}}</div><div class="combobox-item" style="float:left;white-space:nowrap;width:85px;">{{dataItem.PropertyName}}</div><div  class="combobox-item" style="float:left;white-space:nowrap;width:155px;">{{dataItem.City}}</div></span>'            
        };  

Furthermore,

Can it handle edge cases like a drop list on the right side of your page positioning to the right side of the input control instead of the left side?
If the positioning was set from the left then the list would overflow the right side of the screen.