This is a migrated thread and some comments may be shown as answers.

Kendo Multiselect changes page layout

2 Answers 49 Views
MultiSelect
This is a migrated thread and some comments may be shown as answers.
Rui
Top achievements
Rank 1
Rui asked on 17 Jul 2017, 07:38 AM

I have a page with a Kendo grid and several controls (picture 1).

It works fine, no problem here. I now have to replace the dropdownlist that is open in the picture with a multiselect.

After I changed the drop to a multi, which works just fine, something strange happened ( picture 2).

The layout is all messed up and the grid stopped working.

I change it back to drop and everything is back to normal.

The code for the drop is

 

@(Html.Kendo().DropDownList()

.Name("Name")

.OptionLabel("Select something...")

...

..BindoTo(new List>SelectListItem>

{

...

}}))

 

The code for the multiselect is

@(Html.Kendo.MultiSelect()

.Name("Something")

.PlaceHolde("Select something...")

...

.BindTo(new List<SelectListItem>

{

...

}}))

 

Any ideas?

2 Answers, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 19 Jul 2017, 07:26 AM
Hello Rui,

With regard to the change in layout when replacing the DropDownList with a MultiSelect, this is due to
The MultiSelect having a display: block style set by default. If you want to place it on the same line next to the DropDownLists you can use the following CSS rule:
.k-widget.k-multiselect{
    width: 200px;
    vertical-align: middle;
    display: inline-block;
}

As for the described effect it has on the Grid, this is not a known issue. We would suggest checking out whether there are any js exceptions on the page, if the name of the MultiSelect is already used by another widget, whether the Grid's dataBound event fires as expected.

Regards,
Ivan Danchev
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Rui
Top achievements
Rank 1
answered on 27 Jul 2017, 01:31 PM
Yep, that works just fine. Tks
Tags
MultiSelect
Asked by
Rui
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Rui
Top achievements
Rank 1
Share this question
or