1. Home
  2. Forum
  3. WPF
  4. SfTextBoxExt Label in SfTextInputLayout partially hidden

SfTextBoxExt Label in SfTextInputLayout partially hidden

Hi,

I have a SfTextBoxExt wrapped inside a SfTextInputLayout.

When I select items in the SfTextBoxExt, the selected item appears with a label. However, that label is not fully shown (see screenshot below).

The height of the SfTextInputLayout seems to be too small. I tried to increase the height of the SfTextBoxExt, but that does not fix the label being partially hidden. How can I change my code to fully show the label?

Thank you for any help you may provide.

Kind regards,

Niels van Strien

 

sf_question_image_rendering.JPG 


             <sf:SfTextInputLayout

                x:Name="FreeTextTIL"
Grid.Row="8"
                Hint="Aanvulling"
                HelperText="Vrije tekst.">


                <sf:SfTextBoxExt
                    x:Name="FreeTextTB"
                    Text="{Binding PreviewAdditionalInfoRow2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
            </sf:SfTextInputLayout>



6 Replies
ET Eswaran Thirugnanasambandam Syncfusion Team July 27, 2022 01:17 PM UTC

In the given output screen shot you have shown that it has two tokens added, but in the provided code the text property is bounded. So, we have in-order to display the tokens we modified the given code snippet by setting MultiSelectMode as Token and bind the AutoCompleteSource property. When selecting the value, the tokens are added without hiding the text and we are unable to replicate the issue from our side. Please get the tested sample from the below attachment.

If you still face any problem, can you revert us by modifying the sample based on your scenario along with the replication steps. It will help us provide an appropriate solution at the earliest.


Attachment: SfTextInputLayoutWpfApp_b70fd13d.zip

NV NM van Strien replied to Eswaran Thirugnanasambandam July 28, 2022 02:22 PM UTC

Hi,


Thanks for the input.

The problem seems to be caused by the Office2019 black theme. I am running that theme and when I added it to your sample, the display issue also occurs. See the image below.



I have uploaded your sample with Office2019 Black theme installed so you can review it for yourself.

Kind regards,

Niels van Strien



Attachment: SfTextInputLayoutWpfApp_Office2019Black_bf27fcbd.zip


RS Ruba Shanmugam Syncfusion Team August 2, 2022 04:28 AM UTC

Hi NM van,


Currently, we are validating the reported query and we will let you know the details on  August 3, 2022. We appreciate your patience until then.


Regards,

Ruba Shanmugam


SR Shivani Ramakrishnan Syncfusion Team August 3, 2022 12:43 PM UTC

Hi NM van,

Query: The Token was cut using the Office2019 black theme


We have checked the reported query and in the Office2019 black theme, the token items are cropped. So we have used sample level style to adjust the height of the token item. We have prepared a sample for your reference and please get it from the attachments.


Please let us know if you need any other information.


Regards,

Shivani


Attachment: SampleTextBoxExt_36d65e33.zip

NV NM van Strien August 4, 2022 06:56 PM UTC

Dear Shivani ,

This customization is a good workaround and solved my problem. So thank you!

I am wondering if this 'fix' for the tokens in the dark theme (inside the SfInputLayout control) will be integrated into the main release. It would be nice to keep the number of customizations like this to the template in production code to a minimal, since it is complicates code maintenance.

I understand if it has a low priority.

Kind regards,

Niels

 


 


RS Ruba Shanmugam Syncfusion Team August 5, 2022 12:34 PM UTC

Hi NM van,


Thanks for the update. In future, we will include the fix in our upcoming release and we will let you know once the changes are published. We appreciate your patience until then.


Regards,

Ruba Shanmugam


Loader.
Up arrow icon