AutoCompleteExtender hiding behind RadPanelBar

6 posts, 0 answers
  1. ravi
    ravi avatar
    3 posts
    Member since:
    Jan 2011

    Posted 13 Mar 2015 Link to this post

    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












  2. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 16 Mar 2015 Link to this post

    Hi Ravi,

    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. ravi
    ravi avatar
    3 posts
    Member since:
    Jan 2011

    Posted 17 Mar 2015 in reply to Magdalena Link to this post

    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



  5. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 17 Mar 2015 Link to this post

    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
     

    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.

     
  6. ravi
    ravi avatar
    3 posts
    Member since:
    Jan 2011

    Posted 17 Mar 2015 in reply to Magdalena Link to this post

    Hi Magdalena,

    The issue got fixed by applying the below style

            .RadPanelBar .rpSlide {
                position: inherit !important;
            }


    Regards,
    Ravi
  7. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 17 Mar 2015 Link to this post

    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.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017