2. PHPRunner General questions
  3. [SOLVED]  How to customize text control
This topic is locked
[SOLVED]

 How to customize text control

 		12/3/2013 2:53:19 PM
PHPRunner General questions
Z
 Zaboor author

I want to use a virtual keyboard ( http://www.greywyvern.com/code/javascript/keyboard )
by adding this :

class="keyboardInput"


to the input tag code for example

<input type="text" value="" class="keyboardInput">


I've put this code in the <head> of the page

<script type="text/javascript" src="keyboard.js" charset="UTF-8"></script>

<link rel="stylesheet" type="text/css" href="keyboard.css">


but When I try to put the code in phprunner by HTML Mode there is no input control to put the code. its like this

<DIV class="fieldcontrol_Full_Name {$fielddispclass_Full_Name}">{$Full_Name_editcontrol}&nbsp; </DIV>


Where can I put the code?
Thanks

Zaboor
C
 		cgphp 12/3/2013

There is a keypad plugin in the marketplace. Check it out https://xlinesoft.com/marketplace/products_view.php?editid1=25
Z
 		Zaboor author 12/4/2013



There is a keypad plugin in the marketplace. Check it out https://xlinesoft.com/marketplace/products_view.php?editid1=25


Thanks for help
But I want to use this keyboard
Sergey Kornilov admin 12/4/2013

To modify the properties of input control use Javascript OnLoad event. Specifically, to assign a new class to input control use jQuery's addClass() function:

http://api.jquery.com/addClass/
Z
 		Zaboor author 12/4/2013



To modify the properties of input control use Javascript OnLoad event. Specifically, to assign a new class to input control use jQuery's addClass() function:

http://api.jquery.com/addClass/


Thanks Dear Sergey for ur help

$( "XXXXXX" ).addClass( "keyboardInput" );


What should I put in XXXXXX
control name?
Thanks

Zaboor
Sergey Kornilov admin 12/5/2013

Check this example for inspiration:

http://xlinesoft.com/phprunner/docs/ctrl_getdispelem.htm
If you need more help post your application to Demo Account and open a ticket at http://support.xlinesoft.com sending your Demo Account URL. 'Demo Account' button can be found on the last screen in the program.