Virtual Keyboard

Locked
ojekanmi
Posts: 19
Joined: 23 Jun 2015, 22:25

15 Nov 2015, 07:42

Hi

How can I disable the actual keyboard when the virtual keyboard is active?

I want to accept input to a field using only the virtual keyboard ("<p:keyboard>").

Thanks.

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

17 Nov 2015, 09:38

I think you can use @media queries for this issue. We use this media queries in all Layout and Theme

Code: Select all

/* Large desktop */
@media (min-width: 961px){
	
}
 
@media (min-width: 961px) and (max-width:1200px){
	
} 
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 640px) and (max-width: 960px){
    
}

/* Landscape phone to portrait tablet */
@media (min-width:480px) and (max-width: 640px) {	

}
 
 
/* Portrait phones and down */
@media (min-width:320px) and (max-width: 480px) {

}
Please try with;

Code: Select all

/* Landscape phone to portrait tablet AND Portrait phones and down  */
@media (min-width:320px) and (max-width: 640px) {	
    .test {
        display: none !important;
    }
}

//XHTML
<p:keyboard placeholder="Keyboard" styleClass="test"/>

Locked

Return to “Adamantium”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 5 guests