 Rank: Newbie Joined: 1/24/2012(UTC) Posts: 2  Location: Allentown, PA
|
I just wanted to share this little mod I added to our Screen Connect site. Our scenario is that we connect to our customer's touchscreen computer terminals and have them enter in a code to connect to a session. The problem was the Windows onscreen keyboard is pitifully small and difficult to use on a touchscreen. Using this open source java-script keyboard, I was able to embed it into the guest page, enabling for a large and usable keyboard for our customers. Here's a quick detail on how to put it in your own site. You'll need to add 3 files to your main directory: Java-script fileCSS File (you can change font sizes in here to make the keyboard larger) Image file (this can be substituted with your own) You also need to modify Guest.aspx. Make sure to create a backup of it before modifying it. 1) Add this code: Code:<script type="text/javascript" src="keyboard.js" charset="UTF-8"></script>
<link rel="stylesheet" type="text/css" href="keyboard.css">
After this line of code: Code:<asp:Content runat="server" ContentPlaceHolderID="Main">
<div class="ContentPanel">
2) Then modify this line of code: Code:<input type="text" id="invitationCodeBox" class="InvitationCodeBox" onkeypress="return SC.ui.handleKeyPressForSubmit(event, 'invitationCodeButton');" onkeydown="return onInvitationCodeBoxKeyDown(event);" />
To say this instead: Code:<input type="text" id="invitationCodeBox" class="InvitationCodeBox keyboardInput" onmouseover="return onInvitationCodeBoxKeyDown(event);" onkeypress="return SC.ui.handleKeyPressForSubmit(event, 'invitationCodeButton');" onkeydown="return onInvitationCodeBoxKeyDown(event);" />
Save and then refresh your Screen Connect site. You should see the icon show up next to the code input box. Now the quirk to this is that it won't search for the session name till you mouseover the box again. Not a big problem, but if someone has a suggestion to improve this, please let me know. Edit: Oh and here's a link to what the finished product looks like: http://simplehelp.unitedbankcard.net/Edited by user Friday, October 26, 2012 5:22:40 PM(UTC)
| Reason: Not specified
|
|
|
|
|
|
 Rank: Advanced Member Medals:   Joined: 9/13/2010(UTC)
Posts: 708
Location: Minnesota
Thanks: 1 times
Was thanked: 44 time(s) in 32 post(s)
|
Wow, this is great, maybe an official implementation will come from it!
|
|
|
|
|
|
Rank: Newbie Joined: 12/31/2012(UTC)
Posts: 2
Location: US
Thanks: 2 times
|
I am having a little difficulty implementing this. When I try to alter the code in Guest.aspx file, the code is a little different then the OPs code.
What I am looking for:
<input type="text" id="invitationCodeBox" class="InvitationCodeBox" onkeypress="return SC.ui.handleKeyPressForSubmit(event, 'invitationCodeButton');" onkeydown="return onInvitationCodeBoxKeyDown(event);" />
But my install has:
<input type="text" id="codeBox" class="CodeBox" onkeypress="return SC.ui.handleKeyPressForSubmit(event, 'codeButton');" onkeydown="return onCodeBoxKeyDown(event);" />
Can someone help with this?
Thanks
|
|
|
|
|
|
Rank: Advanced Member Medals:  Joined: 8/25/2011(UTC)
Posts: 40
Location: Cincinnati, OH
Was thanked: 1 time(s) in 1 post(s)
|
jcam, change it to: Code:<input type="text" id="codeBox" class="CodeBox keyboardInput" onmouseover="return onCodeBoxKeyDown(event);" onkeypress="return SC.ui.handleKeyPressForSubmit(event, 'codeButton');" onkeydown="return onCodeBoxKeyDown(event);" />
|
 1 user thanked haastility for this useful post.
|
|
|
|
Forum Jump
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.
