Has anyone figured out how to use Mottie's Virtual Keyboard (http://mottie.github.io/Keyboard/) with CKEditor? The Virtual Keyboard is designed to be used with input and text area fields but CKEditor turns the text area into an iframe.
CKEditor actually creates a contenteditable div.
Sadly, the virtual keyboard does not currently work with contenteditable elements, only inputs & textareas. I do plan on adding support for it, but my time is limited so any assistance with coding would be greatly appreciated.
There is an example of making the keyboard work with Codemirror.
Related
I'm trying to setup a Gallery similiar to the demo one, but with only one option, the fullscreen mode. The borderless mode should be default for everyone and not be able to changed.
The documentation gives this hint:
Bootstrap Image Gallery provides the additional useBootstrapModal option, which enables the original borderless layout as seen in the demo. The easiest way to enable this option is to adjust the lightbox container and set the data-use-bootstrap-modal attribute to false
However, if I do that, it wont look as pretty (no autoplay, no arrows, no small previews at the bottom.
Im trying to find a workaround for serveral days now, but wasnt able to do that.
Any hints? Thanks!
Change the div to this worked for me
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" data-use-bootstrap-modal="false">
Ordered lists show numbers as zeroes in IE9 when placing inside Jquery UI tab.
In all other browsers including(IE7,IE8) working perfectly.
Can any one help me? Thanks in advance.
Seems to be a duplicate of Ordered list showing all zeros in IE9 (cannot close it down with this reason, unfortunately).
In short, it isn't really a jQuery nor Kendo-UI issue, but a known IE9 thing.
Please see the images below. jQuery UI controls are overlapping/masking MvcSitemap drop down. I believe this is a quick fix (changing a css property of UI theme or so) but I'm having hard time finding how to override this behavior of UI controls. Hope someone will help resolve this issue.
UI Buttons overlapping the menu
Tab control overlapping the menu
Thanks in advance.
Add a high z-index css style to the MvcSitemap dropdowns css. Something like z-index: 1000; would be a reasonable start.
The jQUery UI controls are not intentionally going over anything, instead the menu is being rendered underneath the things below it. This is because its html comes before the other widgets in the document layout.
On Windows Mobile 7, when a user clicks on a text box before entering some data - the screen usually zooms in to the box and pulls up the keyboard.
Is there a way to prevent the zoom? Or is this a setting on the phone itself?
Thanks gents - but the answer I needed was to include a viewport meta tag that defined the 'user-scalable' parameter as 'no'. Anyone grappling with mobile device cross browser compatibility issues should check this page out - a huge help to me today.
http://davidbcalhoun.com/2010/viewport-metatag
This usually happens in the web browser as the textbox could be tiny when it is clicked. I agree it can be annoying. It does not happen in native apps however.
if you click on a textbox in the app, and it is under the area where the keyboard would be.
It is normal behavior when text box is focused. Your content is moving up when on screen keyboard is appearing.
if you want your content to stay on it's place you can try to use Coding4fun controls(download with sample here: http://coding4fun.codeplex.com/SourceControl/list/changesets). Run Test Application, go to Promts -> Basic input or Advanced input.
I'm trying to replicate the input box shown in the image on windows mobile 5+
but i'm struggling for ideas!
So far the only things I have come up with (I haven't managed to make either work) were to either;
inherit TextBox and paint the textbox
background manually by overriding
OnPaint/OnPaintBackground
make the textbox background
transparent and position the
textbox over an image that looked
like the one in the screen shot
Has anybody done this or know of how this could be acheived?
Thanks in advance
OneShot
I gave up on this as I have moved away from windows mobile but found that it wasn't possible, due to restrictions in the compact framework, to do this with the existing textbox, you would need to create your own texbox control from scratch!