This is a migrated thread and some comments may be shown as answers.

Why is there no simple Input widget?

15 Answers 2665 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Sergei
Top achievements
Rank 1
Sergei asked on 12 Dec 2011, 03:43 PM
Hi.
You have AutoComplete and NumericTextBox but no simple Input, why?
It'd usefull to have textbox control with same styling as other controls.
Also I'd expect from it to have some vilidation capabilities (max length, mandatory, regexp pattern).

15 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 12 Dec 2011, 03:51 PM
Hello Sergei,

You can have a consistently styled textbox by applying a k-textbox CSS class to it. We provide validation outside the other widgets' scope, including regular expressions:

http://demos.kendoui.com/web/validator/index.html

Maxlength is a standard HTML attribute that you can use at the moment as well and it will work.

Greetings,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Sergei
Top achievements
Rank 1
answered on 12 Dec 2011, 04:46 PM
Dimo, I can't find "k-textbox" class, did you mean "k-input" ?
If so then it's not very nice. Mostly I'd expect to have highlighing of the current focused inputbox.

Anyway I'd encourage you to create a separate widget Input/TextBox. It'd allow to have higher level abstraction that just html input.
0
Dimo
Telerik team
answered on 12 Dec 2011, 04:58 PM
Hi Sergei,

I meant k-textbox. The CSS class is used on the demo page provided in my previous reply - e.g. the Name field.

Thanks for your feedback.

Greetings,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
rgullhaug
Top achievements
Rank 1
answered on 14 Dec 2011, 11:17 AM
I agree with Sergei. Why isn't there a textbox control styled in the same way as the Autocompletebox shown at this page: http://demos.kendoui.com/themebuilder/index.html (See the first control under "Pickers")? This control should also be bindable to a datasource. If you make a regular input box and just style it with k-input or k-textbox it will look bad compared to the other controls.
0
Dimo
Telerik team
answered on 14 Dec 2011, 11:20 AM
Hi Kalle,

Currently a plain textbox control is not in our to-do list, as it is a low priority task for us. You can easily use the AutoCompete HTML output and CSS classes, and it will look like desired.

Regards,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
TazDeveloper
Top achievements
Rank 1
answered on 21 Dec 2011, 11:39 AM
One way around this is to use an Autocomplete and set the dataSource to an empty data set.  This gives you a standard text box with the same look and feel.  When the user types in the box, there is nothing found in the search, so it functions as a text box input.

var emptydata = [];

It's working for me.

Cheers,
        Paul
0
Vadivel
Top achievements
Rank 1
answered on 26 Apr 2012, 05:48 AM
I have try to validate placeholder input box , this working on firefox but doesn't work IE, how does solve this issues

this my code

 <input type="text" style="width:150px" placeholder="First Name" required="required" id="firstname" validationmessage="Please enter {0}" class="k-textbox" name="firstname">
                                <input type="text" style="width:150px" placeholder="Middle Name"  id="middlename" validationmessage="Please enter {0}" class="txtInputL3" name="middlename">
                                <input type="text" style="width:150px" placeholder="Last Name" required="required" id="lastname" validationmessage="Please enter {0}" class="txtInputL3" name="lastname">
                                
    <span class="k-invalid-msg" data-for="firstname"></span>  <div class="lastNameValida">  <span class="k-invalid-msg" data-for="lastname"></span></div>                   



jQuery(document).ready(function(){
jQuery(".btns").click(function(){
 
         var validator = jQuery(".tableCont").kendoValidator().data("kendoValidator");
  

                        if (validator.validate()) {
            
                            
                    }
0
Darryl
Top achievements
Rank 1
answered on 24 Aug 2012, 06:11 PM
I agree with Sergei in that it what would be useful to have a Kendo MVC Helper
for a standard input text-box for form-input to replace the standard one provided.
i.e.  @Html.EditorFor(model => model.Name)
As mentioned you could use the 
    @Html.Kendo().AutoCompleteFor(model => model.Name)
But then it generates this unnecessary function. 
<script>
jQuery(function(){jQuery("#Make").kendoAutoComplete({});});
</script>
Thanks

Darryl
0
Mark Hanson
Top achievements
Rank 2
answered on 06 Sep 2012, 10:44 AM
It is absolutely crazy that you guys do not have a basic text box. You are selling a control library. Every form uses a text box! 

http://demos.telerik.com/aspnet-ajax/input/examples/radtextbox/firstlook/defaultcs.aspx 
http://mvc.devexpress.com/Editors/TextBox 

It needs to have basic functionality like:

Input Restriction:
http://demos.telerik.com/aspnet-ajax/input/examples/radinputmanager/firstlook/defaultcs.aspx 

Input Mask:
http://demos.telerik.com/aspnet-ajax/input/examples/radmaskedtextbox/firstlook/defaultcs.aspx 

Any comprehensive web application needs these functions!

Multiline Text Box plugin is missing also???

0
Pat Tormey
Top achievements
Rank 1
answered on 06 Sep 2012, 11:26 AM
Gotta Agree with Mark (and everybody else) on this one.. 
You are billing it as a full set.. I love it but, starting out with fuzzy edges and work arounds is not the way to go.
Move it up you TODO list  or you'll be hearing this complaint a lot.

Pat Tormey
NH USA
0
Mark Hanson
Top achievements
Rank 2
answered on 06 Sep 2012, 12:06 PM
Just to throw some more fuel on the fire, here are some basic controls I had made to analyse functionality for a major web application project. https://mvclib.lixi.id.au/Textbox 

Disclaimer: I am not a developer. I am a product solution architect/designer. This project was outsourced to cost effective developers. The aim of the project was to implement a UI that I could test and manipulate the properties for each control. There are a lot of CSS properties etc which are not really control properties just for my benefit.

A lot of research and development went into narrowing down the core functionalities and deciphering properties across many control libraries from many technologies. Textbox, Listbox, Combobox and Dropdown have what I have established as the basic properties from a business perspective that these controls should have.

If this post is inappropriate please delete it. Otherwise feel free to copy the functionality to KendoUI to enable us to develop real web applications with Kendo! I would be happy to provide an analysis of functionality missing from Kendo for each control.

Some obvious things:

  1. There is no Text Input plugin. (Should have mask, should have input restriction and other basic text input properties)
  2. There is no Multiline Text Input plugin.
  3. Combo Box doesn’t have an option to prevent typing custom text. (I can't find the post on this but was a lame response from support)
  4. Dropdown List should be able to have null value.
  5. There is no Radio Buttons List plugin
  6. There is no Checkbox List plugin
  7. Plugins doesn’t have a “destroy” method, which is very important in developing.
0
Dimo
Telerik team
answered on 10 Sep 2012, 08:05 AM
Hi all,

We appreciate your feedback and feature requests. We currently use Kendo UI UserVoice as the main tool for measuring how much a widget or functionality is demanded. Please vote there.

With regard to ComboBox and disabled custom text - please use a DropDownList. If filtering is required, then use a ComboBox and its change event to detect if custom value has been entered - in this case widget.value() will not be null, but widget.selectedIndex will be -1.

Destroy methods have already been implemented and are available in the internal builds.

Regards,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Nathan
Top achievements
Rank 2
answered on 21 May 2013, 12:59 AM
The bog standard html.editorfor doesn't allow the adding of events or a name either.

It's pretty shameful that Kendo doesn't have a textbox... it's not like it would take you guys long to write it... you could just rip-off your existing combobox.
0
Mike
Top achievements
Rank 1
answered on 13 Nov 2013, 06:50 PM
I have tried attaching k-textbox to the class of a normal text box. This works and looks fine in Chrome, but in IE the first 3 characters on teh left are obscured.

Anyone know why? Or know a better class to apply that overcomes this problem?

Cheers Mike
0
Robert
Top achievements
Rank 1
answered on 24 Mar 2014, 09:52 AM
What a joke not to have an edit control...
Tags
General Discussions
Asked by
Sergei
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Sergei
Top achievements
Rank 1
rgullhaug
Top achievements
Rank 1
TazDeveloper
Top achievements
Rank 1
Vadivel
Top achievements
Rank 1
Darryl
Top achievements
Rank 1
Mark Hanson
Top achievements
Rank 2
Pat Tormey
Top achievements
Rank 1
Nathan
Top achievements
Rank 2
Mike
Top achievements
Rank 1
Robert
Top achievements
Rank 1
Share this question
or