Css Style Autocomplete

2 posts, 1 answers
  1. Kevin
    Kevin avatar
    265 posts
    Member since:
    Jun 2011

    Posted 06 Feb 2015 Link to this post

    never run itto something more frustrating on telerik controls.  I have a linkbutton right after my RadAutoComplete box, but it always wants to move it under the autocomplete box, no matter if I have in table, div whatever.  I inline-Block works somewhat to get the link button to be on same line as autocomplete box but then it will not center in the div, no matter.  used many differenet display types but it always messes up the autocompete box or moves the linkbutton to next line.  Just a frustrating experience that you cannot override the css on a autocomplete box or that it does this in first place.

    This method get it centered on div, but not matter how I try to get the link button to line up with the autocomplete box its messes it up.

    .alignSearcher{
        margin:0 auto;
    }
     
     
     <div class="table100">
                <h3 style="text-align:center">Add Personnel or Change Time</h3>
                <telerik:RadAutoCompleteBox ID="txtName" runat="server" Width="280px" CssClass="alignSearcher" OnClientRequesting="requesting" DropDownPosition="Automatic" DropDownWidth="270px" AllowCustomEntry="true" EmptyMessage="Enter Last Name First Name to Search"  InputType="Text"
                        HighlightFirstMatch="true" TextSettings-SelectionMode="Single" IsCaseSensitive="false" >
                        <WebServiceSettings Path="../AutoComplete.asmx" Method="GetSrp" />
                </telerik:RadAutoCompleteBox>  <asp:LinkButton ID="lnkSearch" runat="server" CausesValidation="false" Text="Add Personnel"></asp:LinkButton>
            </div>
  2. Answer
    Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 09 Feb 2015 Link to this post

    Hi Kevin,

    Thank you for getting back to Telerik support.

    Please, apply the following CSS to make the link button is next to the RadAutocompleteBox and to be centered in the .table100 element.
    .table100 {
        text-align: center;
    }
     
    .RadAutoCompleteBox ,
    #lnkSearch {
        display: inline-block;
        vertical-align: middle;
    }

    We are also sending you a sample project in the attachment.

    Do not hesitate to contact us if you have other questions.

    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
Back to Top