SfTextBox don't show PLACEHOLDER

[Marco]

Hi,

i try to add some SfTextBox in on the ContentTemplate, but i can't see the PLACEHOLDER.

What i wrong?

<SfAccordion LoadOnDemand="false">
    <AccordionItems>
        <AccordionItem Header="TEST">
            <ContentTemplate>
                <SfTextBox Placeholder="TEST PLACEHOLDER" FloatLabelType="@FloatLabelType.Always"></SfTextBox>
            </ContentTemplate>
        </AccordionItem>
    </AccordionItems>
</SfAccordion>
<SfTextBox Placeholder="TEST PLACEHOLDER" FloatLabelType="@FloatLabelType.Always"></SfTextBox>

[Balasubramanian Sattanathan]

Hi Marco, 

Greetings from Syncfusion Support. 

We have validated your reported problem and we suggest you to add the TextBox control inside the div element to overcome the problem.  

Code snippet: 

<SfAccordion> 

    <AccordionEvents></AccordionEvents> 

    <AccordionItems> 

        <AccordionItem> 

            <HeaderTemplate>TextBox-1</HeaderTemplate> 

            <ContentTemplate> 

                <div> 

                    <SfTextBox Placeholder='First Name' FloatLabelType='@FloatLabelType.Auto'></SfTextBox> 

                </div> 

            </ContentTemplate> 

        </AccordionItem> 

        <AccordionItem> 

            <HeaderTemplate>TextBox-2</HeaderTemplate> 

            <ContentTemplate> 

                <div> 

                    <SfTextBox Placeholder="TEST PLACEHOLDER" FloatLabelType="@FloatLabelType.Always"></SfTextBox> 

                </div> 

            </ContentTemplate> 

        </AccordionItem> 

    </AccordionItems> 

</SfAccordion> 

Screenshot: 

 

Sample: https://www.syncfusion.com/downloads/support/forum/158792/ze/Accordion_with_TextBox-2139260391.zip 

Kindly try the above solution and let us know if you need further assistance. 

Regards, 

Balasubramanian S 

[Marco]

Respect!
Thank you very much.

[Nevitha Ravi]

Hi Marco , 

You are most welcome. Please get back to us if you need any further assistance. 

Regards, 

Nevitha 

[Felipe de Abajo Aragón]

Hello,

I have the same problem, tried the <div> solution but it doesn't work:

<SfInPlaceEditor @bind-Value="@user" TValue="ApplicationUser" Mode="@Mode" EditableOn="@EditableOn"

                 Type="Syncfusion.Blazor.InPlaceEditor.InputType.Text" ShowButtons="@ShowButtons" Disabled="@Disabled"

                 SubmitOnEnter="true">

    <EditorComponent>

        <div>

            <SfTextBox Placeholder="Nombre de usuario:" @bind-Value="@Username"></SfTextBox>

        </div>

        <div>

            <SfTextBox Placeholder="Correo electrónico:" @bind-Value="@Email"></SfTextBox>

        </div>

        <div>

            <SfTextBox Placeholder="Número de teléfono:" @bind-Value="@PhoneNumber"></SfTextBox>

        </div>

    </EditorComponent>

    <InPlaceEditorEvents OnActionSuccess="OnSuccess" TValue="@ApplicationUser"></InPlaceEditorEvents>

</SfInPlaceEditor>

Could you help me please? 

[Ravikumar Venkatesan]

Felipe,

We have created a new forum for your SFTextBox question. Please follow the below link for further updates.

https://www.syncfusion.com/forums/180090/sftextbox-dont-show-placeholder-from-158792