Hi,
I have a RadPanel Bar and Panel items inside that. I have a grid view in which there is a textbox with autocomplete extender feature.
When i type the value in the textbox the Completion list of extender control is not going behind the panel bar and it hides behind the panel bar.
I tried to set the postioning to absoulte and z-index, but no luck
Please help me out on resolving this
Regards,
Ravi
I have a RadPanel Bar and Panel items inside that. I have a grid view in which there is a textbox with autocomplete extender feature.
When i type the value in the textbox the Completion list of extender control is not going behind the panel bar and it hides behind the panel bar.
I tried to set the postioning to absoulte and z-index, but no luck
Please help me out on resolving this
Regards,
Ravi
5 Answers, 1 is accepted
0
Hi Ravi,
The z-index of AutoCompleteBox can be modified by the following
Regards,
Magdalena
Telerik
The z-index of AutoCompleteBox can be modified by the following
.racSlide {
z-index
:
0
!important
;
}
Regards,
Magdalena
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.
0

ravi
Top achievements
Rank 1
answered on 17 Mar 2015, 05:26 AM
Hi Magdalena,
Thanks for the reply. I've tried with the above solution, but it's not worked.
I'm using ajaxToolkit:AutoCompleteExtender as my AutoExtender.
Below find the screenshot attached of how my screens looks like
Regards,
Ravi
Thanks for the reply. I've tried with the above solution, but it's not worked.
I'm using ajaxToolkit:AutoCompleteExtender as my AutoExtender.
Below find the screenshot attached of how my screens looks like
Regards,
Ravi
0
Hello Ravi,
Could you clarify what is the issue, because I cannot see any conflicts between PanelBar and AutoCompleteExtender on the provided image.
Regards,
Magdalena
Telerik
Could you clarify what is the issue, because I cannot see any conflicts between PanelBar and AutoCompleteExtender on the provided image.
Regards,
Magdalena
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.
0

ravi
Top achievements
Rank 1
answered on 17 Mar 2015, 10:37 AM
Hi Magdalena,
The issue got fixed by applying the below style
.RadPanelBar .rpSlide {
position: inherit !important;
}
Regards,
Ravi
The issue got fixed by applying the below style
.RadPanelBar .rpSlide {
position: inherit !important;
}
Regards,
Ravi
0
Hello Ravi,
Thank you for sharing your solution with the community.
Regards,
Magdalena
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.