RadAutoCompleteBox displays results in weird location

2 posts, 0 answers
  1. Joshua
    Joshua avatar
    6 posts
    Member since:
    Oct 2014

    Posted 15 Oct 2014 Link to this post

    I am using the RadAutoCompleteBox on my website. I want users to be able to search through our documentation of a project. 

    Here is my code

        <div class="row">
            <h2 class="supportHeader">Find what you are looking for</h2>
                <asp:SqlDataSource runat="server" ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:BackOffice %>"
                    ProviderName="System.Data.SqlClient" SelectCommand="SELECT Title, Content FROM MySafeNet_MarketingSearch"></asp:SqlDataSource>

                <telerik:RadAutoCompleteBox runat="server" ID="AutoCompleteBox" EmptyMessage="Type Here" DataTextField="Title" DataValueField="Content" DataSourceID="SqlDataSource1" InputType="Text" Width="80%">

                </telerik:RadAutoCompleteBox>
        </div>

    This works, however, when you start typing in the box, it displays the results about 100 pixels below the actual box. It looks weird.

    Here is a GIF of it happening
    http://gyazo.com/4873eace999700a51e14b8932cd6f256



  2. Joshua
    Joshua avatar
    6 posts
    Member since:
    Oct 2014

    Posted 15 Oct 2014 in reply to Joshua Link to this post

    I figured out my issue. I am using foundation as a framework. They styled the body tag with
    body{position:relative};

    I applied a 'position:inherit;' and that solved my issue. 
Back to Top