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

Dropdownlist inside Grid inside IFrame - Popup behind IFrame

3 Answers 82 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Sabrina
Top achievements
Rank 1
Sabrina asked on 06 Mar 2014, 09:26 PM
I have a DropDownList I'm creating inside a KendoGrid - it binds fine, but it's inside of an IFrame. Under a specific set of circumstances (two rows of data), the popup direction is Down and the selection list is hiding "behind" or "inside" the IFrame. I need the PopUp list to either go Up or be brought forward over the IFrame.... thoughts?? I've tried this a few ways using z-index and setting the popup to append to the Form or IFrame better, but no luck... 

3 Answers, 1 is accepted

Sort by
0
Petur Subev
Telerik team
answered on 11 Mar 2014, 07:24 AM
Hello Sabrina,

In order to investigate please demonstrate your case with a small demo or JsBin example which we can run. Also please give detailed explanation what is currently happening and what you expect to happen.

Kind Regards,
Petur Subev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Sabrina
Top achievements
Rank 1
answered on 12 Mar 2014, 01:58 PM
I've attached a screenshot of what is happening - on the Kendo grid, there's a dynamically created dropdown in the Relation column. The dropdown is dynamically created via javascript as the grid loads/renders. But the grid is inside of an iframe. Under certain conditions, specifically with two rows on the grid, the dropdown's popup opens downward. However, it is hiding "inside" the iframe and thus no selection can be made. The user cannot even see the options without some tricky, super controlled manipulation of the mouse and scroll wheel. (Something most users are not going to be patient enough to attempt let alone appreciate....) I've tried setting the z-index on the dropdown input control as the javascript creates/loads it into the grid, but this only sets it for the dropdown, NOT the popup which is dynamically generated by kendo -later- and has its own div and style settings... 


0
Petur Subev
Telerik team
answered on 13 Mar 2014, 02:27 PM
Hello Sabirana,

The information that you shared is not enough for us to investigate why exactly the DropDownList opens in the bottom direction. Basically you cannot make the DropDownList popup visible out of the iframe - no item can go out of an iframe. What we would expect is the DropDownList to be opened in the up direction.

Take a look at the following demo:

http://trykendoui.telerik.com/ecov

The DropDownList will always choose the appropriate direction to open.

Kind Regards,
Petur Subev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
DropDownList
Asked by
Sabrina
Top achievements
Rank 1
Answers by
Petur Subev
Telerik team
Sabrina
Top achievements
Rank 1
Share this question
or