Textarea or textbox components is avail in nativescript with angular? - nativescript

I want to get input as paragraph(Like address of user) from the user. For that i am looking for UI component in nativescript. If i use textfield, is there is any characters limit is maintained. Or shall i use textfield in this situation.

The NativeScript TextView is to TextField what textarea is to input type="text" on the web.
Doc link: https://docs.nativescript.org/ui-and-styling.html#textview

Related

KendoUI: how to use edit in line for html form in KendoUI

Firstly, I am doing a research on KendoUI, and my experience is mainly on struts-layout taglib.
And now I got issues on HTML Form while using KendoUI.
My Questions are as below:
Can Kendo ListView be used to replace the html form? That is, there is no Form any more, but a kendo ListView.
If still use html form, how to make each field editable in line (is there any kendo widget to do same behavior as JQuery UI plugin X-editable)?
The closest thing would probably be a Grid that is editable. Clicking on a cell puts it in edit mode: http://demos.telerik.com/kendo-ui/grid/editing
But you could also make a custom Kendo UI widget that behaves basically the same as x-editable by having a clickable element that opens a Kendo Tooltip box with an input element in it.

Ckedtior Events to dynamically change the label text

can i create an event on Ckedtor where as soon as i write some thing in textarea of editor the same should dynamically update on another label below it using jquery.
i found the answer
ck.on('change',function(){
$('#lblemailmsg').text(CKEDITOR.instances['spnemailsignature'].getData());

How to trigger native datepickers from javascript in FirefoxOS?

I want to open the native datepicker of FirefoxOS on a click on a button.
By default, the native datepicker shows up when an input (date type obviously) has focus.
But how to do this with for a button ? Moreover, I don't like date inputs, because my app is in french and the format of the date displayed in a date input is not the french format.
I tested with a date input hidden with css. The click on the button triggers the focus on the input. But in this case the datepicker is not shown.
Please do not suggest me to use JQuery UI or other javascript datepickers. On mobile they are not very usuable and the best is native datepicker.
Thanks for your help
Firstly, if your question is about how to fire the native date picker with a button, you can do it by calling focus on it like:
<input id="datepicker" type="date">
<button onclick="document.getElementById('datepicker').focus()"></button>
If it's about hiding the date picker, but still using it with the button, you can put the opacity to 0 with CSS, but it will still be there, just not visible:
#datepicker {
opacity: 0;
}
Does that answer your question?

KendoUI DateTimePicker (or similar) - make textbox un-editable but allow changing of date/time via provided buttons

I have a form which is using DateTimePicker on one of the inputs. I would like the user to be able to select the date/time by using the buttons which KendoUI attaches to the right of the input field, however I don't want the user to free-type into the text field (to save me having to verify formatting or rubbish input).
It is possible to add readonly attribute to the input, either in HTML or by calling .readonly() method on the DateTimePicker object. This makes the text field un-editable, however it also prevents the click events on the date/time selectors from firing.
So, how do I prevent the user from being able to edit the textbox field manually?
Thanks in advance.
Yes, you can set the readonly attribute only of the input from which the datepicker was created:
<input id="datepicker">
<script>
$("#datepicker").kendoDatePicker().attr("readonly", true);
</script>
Here is a live demo: http://jsbin.com/uwayit/1/edit

show html5 validation callout popup manually

I want to show html5 validation callout popup manually. I want to check if user enters wrong string pattern in text box then want to show validation callout same as we get by default in html5 when use flag required="required" in text box.
Have you tried the new functions of the form-element in html5?
You can find them at the bottom of this mdn page:
https://developer.mozilla.org/en/HTML/Forms_in_HTML

Resources