Prime Keyboard Component Size

[baddog]

Hello

SO i have implemented a prime keyboard component and was wondering how to make the keyboard itself bigger ?? I'm not a big CSS guru so i tried to set the "width" attribute of style but that only affected the input field that is displayed.

how do I keep the input field as is and make the keyboard that appears at least 3x larger than the default ???

any help is greatly appreciated!!



Primefaces is the shizzlenizzle !!!

[T.dot]

Check out the generated html/css using your browsers development tools (Firebug, ...).

For the start you can try the following css:

Code: Select all

.keypad-key {
    font-size: 3em !important;
    width: 48px !important;
}

rest should be easy to find.

[baddog]

Excellent !!!

Thank you !!!!

Code: Select all

.keypad-key {
	font-size: 3em !important;
        width: 48px !important;
}
.keypad-row {
	width: 260px !important;
}
.keypad-close {
	font-size: 3em !important;
	width:100px !important;
}
.keypad-clear {
	font-size: 3em !important;
	width:100px !important;
}
.keypad-back {
	font-size: 3em !important;
	width:100px !important;
}

that was just what i needed to get started .. I hope the above code helps others as well