Hi Shalini,
Thanks for contacting Syncfusion support.
Query1:” I'm trying to give as many names as possible in autocomplete box but instead of dialog box expanding its juts overlapping other labels and textboxes. I have attached the file below.”
Based on your shared screenshot we have tried to replicate your mentioned issue but unfortunately we couldn’t replicate the Autocomplete overlapping other labels and textboxes issue. Our Autocomplete box expands and don’t overlap other textboxes. We also couldn't proceed with your provided information. So Could you confirm the below details, to check the issue further?
- Open your console window and check for any console errors and share the issue screenshot or video, if any.
- Whether you are converting this element(input id="xyz" ng-model="abc" type="text" placeholder="To" class="form-control" ) as Autocomplete?
- If possible, please use our sample to reproducible your issue sample to validate from our side?
- What is the exact Syncfusion version that you are using?
- Did you used any custom css to override dialog or auto complete?
Query2: ”How to automatically increase the dialogbox.”
In your case, the dialog height cannot be increased but we can dynamically render the scroller when the Autocomplete content increases. This can be achieved by refreshing the Dialog when the values is selected in the Autocomplete using the select event. Please find the below code snippets.
|
$("#xyz").ejAutocomplete({
width: "300px",
allowAddNew: true,
showRoundedCorner: true,
multiSelectMode: ej.MultiSelectMode.VisualMode,
dataSource: languages,
select: function (e) { //select event
$("#basicDialog").ejDialog("refresh"); //refresh method to render scroller if content is more than height
}
});
|
Please check the shared information and provide the above asked details so that we can provide a solution as earliest.
Regards,
Arun P.
