Large

Virtual Keyboard Interface

By GreyWyvern Last update Nov 8, 2011 — Installed 49,589 times.

Changing keyboard size

in
Subscribe to Changing keyboard size 4 posts, 4 voices



pitterface User
FirefoxWindows

Is there a way to make the keyboard larger?

 
melaal User
FirefoxWindows

yes, In css file
find this css and look at me comment /* button size */
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td {
vertical-align:middle;
padding:5px 8px; /* button size */
white-space:pre;
font-family:'Lucida Console',monospace;
border-top:1px solid #e5e5e5;
border-right:1px solid #5d5d5d;
border-bottom:1px solid #5d5d5d;
border-left:1px solid #e5e5e5;
background-color:#eeeeee;
cursor:default;
min-width:0.75em;
}

this for change font size /* button text size*/
#keyboardInputMaster * {
color:#000000;
background:transparent;
font:normal 14px Arial,sans-serif; /* button text size*/
margin:0px;
padding:0px;
border:0px none;
outline:0px;
vertical-align:baseline;
}

 
alokuk User
FirefoxX11

Great work! The above changes the size of all the keys but the space bar seems small now. Where do I change the size of that?

 
GreyWyvern Script's Author
OperaWindows

alokuk,

The latest version of the keyboard includes updated CSS that makes resizing the entire keyboard very easy. Just change the font size in the #keyboardInputMaster * { ... } rule and the rest of the keyboard will adjust automatically to the larger text. No need to change any other properties such as padding or margin.

Hope you like it! :)

Cross
Presentational HTML allowed.
Use <code> for inline code and <pre> for code blocks. Use &lt; and &gt; for literal < and >.
We help break paragraphs and link your links.
or cancel