I got a few Input components on page and while I set focus on one of them by mouse keyboard layout doesn't change, but if I do it by TAB-batton on keybord then keyboard layout changes on US. Using GlassFish server by the way. Why it happens and how to fix it?
This is the OS X feature to input text in <input type="password" /> only in English
Related
When a user is tabbing through a form and focus gets set on a Kendo-Ui for Angular2 MaskedTextBox, the input cursor is at the end of the mask. This is very inconvenient for a user when doing data entry.
I have tried to use the onfocus event to reset the cursor, but the event does not seem to fire for this object.
<kendo-maskedtextbox
onfocus="console.log('focused'); this.setSelectionRange(0,0);"
class="form-control"
name="phone"
[(ngModel)]="phone.phoneNumber"
[mask]="phoneMask"
required>
</kendo-maskedtextbox>
Any suggestions are appreciated....
The most recent versions of the controls fixed my problems.
I have a XHTML page using SelectOneButton which presents a list of buttons as label from A to Z (letters) horizontally and continuously without any break or new line. It is working perfectly on computer screen.
But if the same page on smaller screen such as iPhone, the SelectOneButton changes from horizontal to vertical. I believe it is the design from PrimeFaces.
I came up with two options: if the screen provides enough space for all buttons from A to Z, then the page will use SelectOneButton, otherwise the page will use SelectOneMenu (dropbox).
What approach should I use?
Thanks,
Nghia
I'm designing a custom keyboard for iOS 8. It works fine on any UITextField but when it's in UIWebView, it shows predictions. Since it's allowed to have custom keyboard in iOS 8 I assume there should be a way to disable this view. Any help would be appreciated. Red area of the following picture:
I found a workaround solution for this problem. If you add type="email" instead of type="text" in your HTML file like bellow, iOS keyboard won't show the predictive view :)
<input type="email"/>
I temporarily mark this answer as the solution but if someone finds a way to do it from Objective-C part, I'll test and accept that answer as the solution.
I made a from with input text area, and the value will come from database.
value is some thing like : A 2 year notice has bean applied by mycompany with effect from 12 December 2012.
I want to hilight 12 December 2012 with some different background color.
Note: value will come dinamycally from database.
<h:inputTextarea cols="60" rows="5" id="messageId" style="margin-top:3px;"
value="#{messageBean.textMessage}" />
How can i do this? Thanks !!
Since <h:inputTextarea generates <textarea
Its impossible
Take a look at this similar questions:
Change the Color Of Certain Words In Textarea using Jquery?
And
color codes in textarea using jquery
You can use some WYSIWYG text editor
Like this one used in Primefaes Editor
Or just integrate some third party js WYSIWYG text editor , like CKEditor or TinyMCE
You also can strip all the toolbars/buttons from the editor , so it will eventually look like almost like a textarea
No it is impossible.
But you can do a trick. You can make your <h:inputTextarea component transparent by using the css property background:transparent;. Then use another colored div and place it behind the word you want to highlight. Sometimes you may need to add display:inline-block; to your highlighter div if JSF doesn't render the div with the width you give. A negative z-index may also be needed.
I am using Windows Performance suite (which part of Microsoft Windows SDK) to profile my sample application. I am using the "Perforator" with an option "Show dirty-region update overlay", which enables me to see when and where areas are redrawn in an application.
When I hover mouse over a TextBox control then I see that it is redrawn multiple times and the CPU utilization goes up. I tested with a very simple window with just a TextBox control and a button control.
Is this normal for WPF to redraw control on mouse hover?
Is there anything that I can do to minimize this?
Here is the windows that I am using
<Window x:Class="WpfApplication1.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window1" Height="300" Width="300">
<Grid>
<StackPanel Orientation="Horizontal">
<TextBox Height="25" Width="150" >
</TextBox>
<Button Margin="10,0,0,0" Height="25">1211</Button>
</StackPanel>
</Grid>
Its not "normal" for WPF to redraw the control on mouse over, because WPF only updates the region that has changed (using retained mode graphics):
One of the biggest benefits in using retained mode graphics is that
WPF can efficiently optimize what needs to be redrawn in the
application. Even if you have a complex scene with varying levels of
opacity, you generally do not need to write special-purpose code to
optimize redrawing (see Intelligent Redrawing in the Retained Mode Graphics section).
The problem in this case is that the active Windows theme is applied to the controls. When you move the mouse over the button, you'll see that the button slightly changes to a "light blue-transparent" color (though this depends upon your active Windows theme). At the same time, once you focus the button, another "animative" type of behavior is applied to the button. You can clearly see this with the dirty-region checked.
If you want to change this, you need to define your own theme, overriding the default-theme-behavior. Here's a post to get you started.