i have a kendoreact dialog and inside this i put a dropdownlist but this don´t display the items.
my code is:
<Dialog title={"Detalle Asiento"} width="500px" onClose={this.cerrarDialogo} persist="true">
<form className="k-form">
<fieldset>
<tr>
<td className="col-xs-1">
<label className="k-form-field">
<div className="lbl1">Cuenta</div>
<DropDownList data={cmbCuentas} dataItemKey="id" textField="Descripcion" /> </label>
</td>
</tr>
</fieldset>
</form>
4 Answers, 1 is accepted
This is because of the z-index set to the DropDown Popup. The following GitHub items demonstrate how to resolve it:
https://github.com/telerik/kendo-react/issues/45
Regards,
Stefan
Progress Telerik
Rank 1
the proposal solution don't work, i tested the solution reducing the heigth value to dialog windows, and dropdownlist don't show any data.
i think that is a problem with the object databind and dialog windows.
if i use the same dropdownlist outside the dialog, this work without problem.
i'm trying use combobox and autocomplete components and it's the same problem.
the autocomplete don't recognize the sample data to complete the info :(
Could you please share the JSON passed to the DropDown? This will help to help to prepare an example to inspect the case more closely.
If the data is private, please replace the values with a dummy one.
Regards,
Stefan
Progress Telerik
Rank 1
hi stefan,
I went back to try the solution indicated above, and now it worked.
thanks for the help