Hi,
I have a calendar that shows behind a combo box when the combo box is expanded. I set the z-index of the calendar to 14000 (z-index="14000 !important") and was able to get it to show in front of the combo box, but only when it isn't expanded. When I expand the combo box the calendar is displayed behind the drop down list. The z-index of the drop down list is set to 10000.
See attached images.
What can I do to get it to show in front?
Thank You
I have a calendar that shows behind a combo box when the combo box is expanded. I set the z-index of the calendar to 14000 (z-index="14000 !important") and was able to get it to show in front of the combo box, but only when it isn't expanded. When I expand the combo box the calendar is displayed behind the drop down list. The z-index of the drop down list is set to 10000.
See attached images.
What can I do to get it to show in front?
Thank You
1 Answer, 1 is accepted
0
Hello ,
The behavior shown on the screenshots seems rather strange. Both controls should hide their popup element when it is blurred. For example when you open the calendar popup and click elsewhere on the page the popup should close. The same is valid for the dropdown of the RadComboBox control. Would you elaborate how are you showing the two popups in the same time?
With this said, note that in order for the calendar popup to be shown over the dropdown you should set the z-index for the calendar to be higher than the one of the dropdown.
Regards,
Viktor Tachev
Telerik
The behavior shown on the screenshots seems rather strange. Both controls should hide their popup element when it is blurred. For example when you open the calendar popup and click elsewhere on the page the popup should close. The same is valid for the dropdown of the RadComboBox control. Would you elaborate how are you showing the two popups in the same time?
With this said, note that in order for the calendar popup to be shown over the dropdown you should set the z-index for the calendar to be higher than the one of the dropdown.
Regards,
Viktor Tachev
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.