Allignment of Autocompletebox dropdown issue

4 posts, 0 answers
  1. Saroj Nanda
    Saroj Nanda avatar
    4 posts
    Member since:
    Oct 2009

    Posted 30 Jul 2013 Link to this post

    Hello Teelrik Team,

    I am using telerik V 2013 Q1 and the issue is regarding Allignment of Autocompletebox dropdown.

    I am using Radautocompletebox with no item templete. Populating the search records with page method. One issues i am facing regardi g the allignment of Autocompletebox result box. I have tried all options to customize the css to allign left but failed.

    Below is my aspx code snippet.

    <td style="text-align: left">
                    <telerik:RadAutoCompleteBox ID="RadAutoCompleteTeamLead" runat="server" Width="505"
                         DropDownHeight="200" DropDownWidth="470px"  Filter="StartsWith"
                         OnClientRequesting="requesting" OnClientDropDownOpening="dropDownOpening"
                        OnClientRequested="requested" OnClientEntryAdding="OnClientEntryAddingHandler"
                        OnClientRequestFailed="requestFailed">
                        <WebServiceSettings Method="GetPeople" Path="../../IncidentSubmission.aspx" />
                        <TextSettings SelectionMode="Multiple" />
                    </telerik:RadAutoCompleteBox>
                </td>

    Resultbox dropdown is not  alligning purely left but appears after 5/6 px width below the searchbox. I have gone through all threads and not found any proper resolution. Hope you guys will help me out.

    Appreciate your quick reply.

    Regards,
    Saroj Nanda
  2. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 31 Jul 2013 Link to this post

    Hello Saroj,

     I can't reproduce the issue that you described. Please, see the attachment with the behavior after applying the snippet you provided. The input of the RadAutocomplete and drop-down are aligned to left. Please, could you provide me more information about your scenario?

    1. screenshot
    2. runnable project
    3. information about browser you are testing with

    Regards,
    Magdalena
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Saroj Nanda
    Saroj Nanda avatar
    4 posts
    Member since:
    Oct 2009

    Posted 31 Jul 2013 Link to this post

    Hello Magdalena ,

    Attached the screenshot of issue facing in Autocomplete box. We are using IE 8 (Compatibility View) and even i tried removing teh compatibility issue, i am facing same issue. Its not alligning

    is this due to i am not defining any templete for AutoCompletebox ?

    <td style="text-align: left">
                    <telerik:RadAutoCompleteBox ID="RadAutoCompleteTeamLead" runat="server" Width="505"
                         DropDownHeight="200" DropDownWidth="470px"  Filter="StartsWith"
                         OnClientRequesting="requesting" OnClientDropDownOpening="dropDownOpening"
                        OnClientRequested="requested" OnClientEntryAdding="OnClientEntryAddingHandler"
                        OnClientRequestFailed="requestFailed">
                        <WebServiceSettings Method="GetPeople" Path="../../IncidentSubmission.aspx" />
                        <TextSettings SelectionMode="Multiple" />
                    </telerik:RadAutoCompleteBox>
                </td>
  5. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 31 Jul 2013 Link to this post

    Hello Saroj,

     Thank you for provided additional information.

     I tried to simulate your scenario in IE8 also (you can see the behavior here) but the issue doesn't reproduce. The differences could come from custom stylesheets if there are used such. Please modify the attached files to reproduce the issue and send me back the modified version. (There is used the Northwind database, so please download it from here to run the project.)

    I look forward for your reply.

    Regards,

    Magdalena
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top