Is there a way to adjust the rows of TextBox.

[j]

I tried overriding the CSS to adjust the height of the textbox with multiline="true" but seems not the right way to do.
Do you have a way to adjust the row just like the textarea?

[Ponmani Murugaiyan]

Hi J, 

Greetings from Syncfusion support. 

No, we couldn’t adjust the height of the Textbox control. Instead we have provided the Multiline support in textbox control using that you can adjust the height of the Textbox as like below code snippet. 

[Index.razor] 

<SfTextBox Multiline="true" Placeholder="Enter the Name" HtmlAttributes="@htmlAttribute"></SfTextBox> 

 

@code{ 

 

    private Dictionary<string, object> htmlAttribute = new Dictionary<string, object>() 

    { 

        {"rows", "5" } 

    }; 

 

} 

Please find the sample from the below link.   

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorApp1-696173525  

Kindly check with the above sample. Please get back us, if you need further assistance. 

Regards, 

Ponmani M

[j]

Thank you.

[Ponmani Murugaiyan]

Hi J, 

 

Thanks for the update.  

 

Please get back us if you need further assistance. 

 

Regards 

Ponmani M 

[Mike]

Adding the attribute directly works too ...

<SfTextBox Rows=5 Multiline="true" Placeholder="Enter the Name"></SfTextBox> 

[Deepak Ramakrishnan]

Hi Mike, 

 

Thanks for taking your valuable time to sharing us your solution . We are always happy to assist you if you need further assistance on this. 

 

Thanks, 

Deepak R. 

[Sam]

Greetings to Syncfusion support. 

I am using SyncFusion.Blazor v26.1.35, I need a textbox with multiline and set number of rows to control of height of component .

I used these 2 ways :

1. set rows directly in component but I couldn't find rows in list
2. 
3. set rows with html attributes but it doesn't work

<SfTextBox Width="200px"

           Multiline="true"

           Type="InputType.Text"

           HtmlAttributes="@htmlattribute"  />




@code {

    Dictionary<string, object> htmlattribute = new Dictionary<string, object>()


    {

        { "maxlength", "256" }, //it works

        { "rows", "3" }, //it doesn't works

    };

}

[Priyanka Karthikeyan]

Hi ali,

 

We have tested setting rows for the multiline textbox through HtmlAttributes, and it is working properly on our end. Please find the attached sample for your reference.

 

Sample: https://blazorplayground.syncfusion.com/LtLfZPtOeNhmnbhW

 

 

To assist you better, could you please share the version details you are using? Additionally, we would like to inform you that starting from version 26.1.35, we have implemented a separate TextArea component. For more information, please refer to the following documentation and demos:

• UG Documentation: Getting Started with TextArea
• Demos: TextArea Functionalities

 

Regards,

Priyanka K

[Sam]

Hi  Priyanka,

Thank you for your quick reply. It was my mistake that I had given height to text box in the app.css file.

I had another question, is there a way to keep its height fixed in multi-line mode?

[Priyanka Karthikeyan]

Hi J, 

If you want to set a fixed height for the TextBox Multi-line mode, you can do so using the CssClass property. Below is a code snippet and a sample link for your reference:
 

<SfTextBox ID="login" Multiline="true" CssClass="text-multiline" /> 

<style> 

    .text-multiline textarea{ 

        height: 300px !important; 

    } 

</style> 

Sample: https://blazorplayground.syncfusion.com/VXLJXbCeTVUCKmzv

Could you please check the above code example and let us know whether this is fulfilling your requirement or get back to us if you need further assistance. 

Regards, 

Priyanka K

[Sam]

Hi  Priyanka

I ran your example and it was exactly what I was looking for, thank you for your correct and quick answer.

[Priyanka Karthikeyan]

Hi ali,

Thank you for the update. Please get back to us if you need any further assistance.

Regards,

Priyanka K