Placing value closer to the bottom line?

Hello, I have a fairly large space from the selected text in the control, and the line at the bottom of the control. See the attached photo as an example.
I have a similar problem with autocomplete. I would like the text in the control to be closer to the line at the bottom like the updown or other controls.

As you can see in the image, I am having one heck of a time trying to line up all of my controls and keep them looking cohesive.


Image from app


3 Replies 1 reply marked as answer

SS Suganya Sethuraman Syncfusion Team May 5, 2021 11:29 AM UTC

Hi Jesse,

Greetings from Syncfusion.

We have analyzed the reported issue. we have prepared a sample based on the information provided but we were unable to replicate the issue.



Please have a sample,

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ComboBoxSample1527044412

Since we are not aware of exact scenario of the issue, could you please check the issue with the attached sample and let us know whether it is reproduced or not? If the issue was not reproduced in this sample, please revert us by modifying the sample based on your application along with replication procedure or provide the runnable sample. This will be helpful for us to investigate further and provide you a better solution at the earliest.

Regards,
Suganya Sethuraman.
 


Marked as answer

JK Jesse Knott May 6, 2021 02:12 AM UTC

Well, your code sample included a step I was not aware of, and incidentally fixed my problem. Also I can reproduce the problem using your sample.
Here are screen captures of the code and the resulting display. I only applied the fix to the "Manufacturers" field in the app. (I've added the pointers to the links for the images, since they don't seem to appear inline. )

Here is my app using the original code which was "broken" or not displaying as I wanted, Image link -> Original Code in my app

Here it is with the "fix" Image link -> App after fix applied

Your sample app actually does demonstrate the behavior I was talking about, Image link -> Here I can demonstrate my complaint with the sample

It turns out to get the text to rest just above the line as desired one has to use the sfTextInputLayout Image link -> Original Sample code

Thanks for the sample, it solved my problem. It's odd that the behavior is this different for the combobox when the separate control is applied over it.

Thank you again for the assistance!
Cheers!


SS Suganya Sethuraman Syncfusion Team May 6, 2021 06:54 AM UTC

Hi Jesse,

Thanks for the update.

We are glad to know that the given solution works. Please let us know if you need any further assistance.

Regards,
Suganya Sethuraman.
 


Loader.
Up arrow icon