Planned
Last Updated: 21 Oct 2020 13:39 by ADMIN
Scheduled for 2021.1
Created by: Bernd
Comments: 0
Category: TextBox
Type: Bug Report
2

In the attached sample you will see that the textbox (the second input) is 2px taller than the numeric textbox (the first input). Both of them are several pixels taller than the combo box and date picker.

---

ADMIN EDIT

Related to this issue in the themes repo about improving bootstrap integration.

A workaround can be adding specific height to the widgets you use through the bootstrap classes, for example:

<style>
    input.k-textbox.form-control,
    k-datetimepicker.form-control,
    .k-widget.k-combobox.k-header.form-control {
        height: calc(2.25rem) !important;
    }
</style>

<div class="container-fluid border pt-md-3">
    <div class="row">
        <h5 class="pl-3 pb-3">nach Geschäftsfall suchen</h5>
    </div>
    <EditForm Model="SuchParameter" OnValidSubmit="HandleValidSubmit">
        <DataAnnotationsValidator />
        <div class="row  mb-1">
            <div class="col-md-4">
                <label for="fallJahr">Fall-Jahr</label>
            </div>
            <div class="col-md-8">
                <TelerikNumericTextBox Id="fallJahrTelerik" @bind-Value="SuchParameter.Jahr" Class="form-control" Arrows="false" />
            </div>
        </div>
        <div class="row  mb-1">
            <div class="col-md-4">
                <label for="fallNummer">Fall-Nr.</label>
            </div>
            <div class="col-md-8">
                <TelerikTextBox Id="fallNummer" @bind-Value="SuchParameter.Nummer" Class="form-control" />
            </div>
        </div>

        <div class="row  mb-1">
            <div class="col-md-4">
                <label for="geschaeftsArt">Geschäftsart</label>
            </div>
            <div class="col-md-8">
                <TelerikComboBox Id="geschaeftsArt" ValueChanged="@( (string c) => OnGeschaeftsArtChanged (c))" Value="selectedGeschaeftsArt" ValueField="Art" TextField="Art" ValueExpression="@( () => selectedGeschaeftsArt )"
                                 Data="@GeschaeftsArten" Placeholder="Geschäftsart auswählen" ClearButton="true" Width="100%" 
                                 Class="form-control"/>
            </div>
        </div>
        <div class="row  mb-1">
            <div class="col-md-4">
                <label for="posteingang">Posteingang </label>
            </div>
            <div class="col-md-8">
                <TelerikDateTimePicker Id=posteingang @bind-Value="@selectedTime" Format="dd.MM.yyyy" Width="100%"
                                       Class="form-control"></TelerikDateTimePicker>
            </div>
        </div>

        <button type="submit" class="btn btn-block btn-primary">Suchen</button>
        <ValidationSummary />
    </EditForm>
</div>

@code{
    public class TheFormModel
    {
        public int Jahr { get; set; }
        public string Nummer { get; set; }
    }

    public class ComboModel
    {
        public string Art { get; set; }
    }

    TheFormModel SuchParameter { get; set; } = new TheFormModel();
    string selectedGeschaeftsArt { get; set; }
    List<ComboModel> GeschaeftsArten { get; set; } = Enumerable.Range(1, 5).Select(x => new ComboModel { Art = $"Art {x}" }).ToList();
    DateTime selectedTime { get; set; }

    void HandleValidSubmit()
    {

    }

    void OnGeschaeftsArtChanged(string v)
    {
        selectedGeschaeftsArt = v;
    }
}

---

Completed
Last Updated: 09 Oct 2020 12:54 by ADMIN
Release 2.18.0
Created by: Ben Hayat
Comments: 11
Category: TextBox
Type: Feature Request
47

Hello Team;
This is a question;

I was just looking Blazor Docs and noticed they have several Input Tags that cover most cases. I then check Telerik list that I don't see the following in Telerik offering:
InputTextArea
InputSelect
InputCheckbox

I also checked the roadmap for next year and didn't see them either.

My question is, are plans to cover these any time soon? If yes, what's the approximate time-frame?

Secondly, for the time being, should we use the ones that come with Blazor?

Lastly, is there plan to have a mini editor like TinyMCE that we can let user to enter rich text stored in DB?

Thanks in advance!

..Ben

 

Completed
Last Updated: 31 Aug 2020 16:00 by Patrick
Release 2.15.0
Unplanned
Last Updated: 14 Aug 2020 06:32 by ADMIN
Created by: Christian
Comments: 3
Category: TextBox
Type: Feature Request
4

Hi,

I try to make sure that the user don't need to click the TextBox to gain focus and begin typing.

I have only one TextBox on the page, and it's does not atomatically have focus, - nor can I find a property on the component.

Any ideas :-)

 

/CU

 

Duplicated
Last Updated: 29 Jun 2020 07:09 by ADMIN

I kind of expect to be able to do something like this:

<TelerikTextBox @bind-Value="@CurrentComment" Label="Comment" Wrap="true" Multiline="true" Resizable="true" Height="200px" Width="100%"></TelerikTextBox>

@code {
    string CurrentComment { get; set; };
}
This will allow the user to have a text area that allows multiple lines, wraps text, and they can resize it if they need more space. I don't see how we can do this with the current textbox.
Completed
Last Updated: 27 May 2020 14:19 by ADMIN
Release 2.14.1

TextBox Bootstrap Focus error

Starting with Telerik Blazor version 2.13 the focus rectangle is not resetting after the Telerik TextBox loses focus.

Attached project reproduces problem.

Completed
Last Updated: 05 May 2020 13:59 by ADMIN
Release 2.13.0
Created by: Josep Ramon
Comments: 1
Category: TextBox
Type: Bug Report
2
The floating label element has a default width in the CSS, and the custom Width value from the TelerikTextBox Width parameter is not applied to it - it is only set to the input.
Duplicated
Last Updated: 28 Apr 2020 17:30 by ADMIN
Created by: Rob
Comments: 3
Category: TextBox
Type: Feature Request
0
Add the ability to define the placeholder attribute on the TextBox control. 
Duplicated
Last Updated: 02 Mar 2020 13:18 by ADMIN
Created by: Denis
Comments: 1
Category: TextBox
Type: Feature Request
1
It would be great if the TelerikTextBox supported the Type parameter for the input element. I need to add a clear button to the input field. Since the TelerikTextBox does not support this feature, I want to use the browser's capabilities - set type = "search". But component does not support this type attribute.
Completed
Last Updated: 19 Feb 2020 11:31 by ADMIN
Release 2.8.0

Hello,

 

When I set the width to any value it has no effect.

 

I am using the boostrap theme:

<link rel="stylesheet" href="https://unpkg.com/@@progress/kendo-theme-bootstrap@@latest/dist/all.css" />

Completed
Last Updated: 06 Jan 2020 15:24 by ADMIN
Release 2.6.0
Created by: Milind
Comments: 5
Category: TextBox
Type: Bug Report
10

Hello,

 

In the demo page of textbox if I type my name Milind (I have good typing speed), it doesn't show the complete word in textbox. Some of the chars are dropped.(Milind - Miind, Soham - soam, Shevade - Shvae) etc. Even the backspace key on keyboard doesnt seem to work properly. If I type the name at very slow speed I am able to retain all typed chars. It seems to be a bug

Attaching video for reference

Thanks,

 

Milind Shevade

Completed
Last Updated: 02 Aug 2019 10:13 by ADMIN
Release 1.5.0
Created by: Andriy
Comments: 1
Category: TextBox
Type: Bug Report
4
Hello!
My example:
<strong>Search: </strong><TelerikTextBox Width="300px"></TelerikTextBox><TelerikButton Icon="search"></TelerikButton>
I can input any width value and I have no any effect.
What's I'm doing wrong?
Thank you.