Completed
Last Updated: 19 Jan 2024 12:57 by ADMIN
Release 5.1.0 (31 Jan 2024) (R1 2024)
Created by: Van
Comments: 0
Category: TextArea
Type: Feature Request
11

I would like to remove the resize handle and not let users change the size of the textarea.

---

ADMIN EDIT

A solution in the meantime can be done with CSS:

<style>
    .no-resize.k-textarea > .k-input {
        resize: none;
    }
</style>

<TelerikTextArea @bind-Value="@taVal" Class="no-resize"></TelerikTextArea>

@code{
    string taVal { get; set; } = "lorem\nipsum";
}

---

Declined
Last Updated: 05 Oct 2023 11:18 by ADMIN
Created by: Thomas
Comments: 1
Category: TextArea
Type: Bug Report
0

I'm using Telerik Blazor 4.5.0 in my Server App and still can't use AutoSize on my TextAreas that are initial in hidden containers.

@page "/testpage"

<div class="row">
    <div class="col-2">
<TelerikButton ButtonType="ButtonType.Button" OnClick="@(() => tog = !tog)">Toggle</TelerikButton>
<div class="@(tog == false ? "d-none" : "d-inline")">
    <TelerikTextArea Name="textName" Id="text" AutoSize="true" @bind-Value="@Text"></TelerikTextArea>
</div>
    </div>
</div>


@code {

    public string Text { get; set; }
    public bool tog { get; set; } = false;

    protected override async Task OnInitializedAsync()
    {
        Text = "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,";

    }

    
}

The TextArea is initially at minimum height and only fits the content, when entering. See the attached screenshots. 

Completed
Last Updated: 04 Aug 2023 12:01 by ADMIN
Release 4.5.0 (08/30/2023) (R3 PI2)
Created by: René
Comments: 5
Category: TextArea
Type: Feature Request
9

There should be a counter displayed like this

"n:m" With n = currentNumberOfCharacters and m = allowedNumberOfCharacters.

Completed
Last Updated: 10 Jul 2023 10:46 by ADMIN
Release 4.4.0 (07/19/2023) (R3 PI1)

First, let me thank you for adding the Width in the latest update (2.21). Much appreciated! 

https://www.w3schools.com/tags/tag_textarea.asp

 

We need a fixed height for our text areas to encourage user-interaction and ease the UX for the end user. Having (now a wide), but very narrow description field is not ideal and since it's basically a feature of HTML5, I don't see why it be exempt from Blazor UI.

<TelerikTextArea Rows="10" Width="100%" />

 

 

 

Need More Info
Last Updated: 22 Feb 2022 10:37 by ADMIN
Created by: Pingu
Comments: 1
Category: TextArea
Type: Feature Request
0
Textarea size is currently not easily controllable when using TelerikTextArea. My request for the size attribute was declined, as it was mentioned that rows and cols could be used with text areas - but TelerikTextArea doesn't expose these and I believe they should be easy to add support for, to pass through to the rendered textarea.
Duplicated
Last Updated: 08 Feb 2022 13:29 by ADMIN

  <TelerikTextArea Enabled="false" @bind-Value="@VBO.BidScopeDescription" Width="100%"></TelerikTextArea>

 

I need the area to be read only , so I set enable to be false, but, I need the user to be able to scroll the text area, to read everything.

 

How should I do this?

 

Thanks

 

 

Completed
Last Updated: 08 Jan 2021 08:50 by ADMIN
Release 2.21.0
Created by: René
Comments: 8
Category: TextArea
Type: Feature Request
18
We need to be able to change the width of the TextArea component.
Unplanned
Last Updated: 02 Nov 2020 09:19 by ADMIN

I would like to be able to show or hide a character counter like in this demo by using a boolean parameter. 

<AdminEdit>

Currently, this could be achieved as shown in this demo or from this example from the documentation:

<label for="myCustomTextAreaId">My Telerik TextArea</label>
<TelerikTextArea @bind-Value="@TextAreaValue"
                 Id="myCustomTextAreaId"
                 Name="myCustomTextAreaId"
                 PlaceHolder="Enter some Information"
                 AutoComplete="true"
                 TabIndex="2"
                 AutoSize="true">
</TelerikTextArea>

<div class="k-counter-container">
    <span>@TextAreaValue.Length</span><span>/200</span>
</div>

@code {
    public string TextAreaValue { get; set; } = String.Empty;
}

</AdminEdit>