iOS keyboard style in webview?

Question

I am pretty new to web development, my project is using Jquery-mobile, Phonegap and compass (scss).

By default, the keyboard showing up when an input field gets focus, is a keyboard containing a sort of top bar with fields navigation abilities. I would like to get rid of this navigation bar, and display the simplest keyboard available in iOS. I tried enclosing my objects in a form or without a form tag, without success. I don't have any clue how to achieve this, nore if it is possible :/

Thx for any advice!

enter image description here

If you hit this problem, make sure to head over to https://bugreport.apple.com and duplicate rdar://9844216

oiledCode · Accepted Answer · 2012-10-28T16:29:49.937

To remove the bar you should dive into the objective-c code.

This is the code that I use: (inside the controller that contains your UIWebview add the following code)

First add an observer to receive the notification for the keyboard :

-(void)viewWillAppear:(BOOL)animated{
   [[NSNotificationCenter defaultCenter] addObserver:self
                                            selector:@selector(keyboardWillShow:)
                                                name:UIKeyboardWillShowNotification
                                              object:nil];
}

- (void)keyboardWillShow:(NSNotification *)note {
    [self performSelector:@selector(removeBar) withObject:nil afterDelay:0];
}
- (void)removeBar {
  // Locate non-UIWindow.
  UIWindow *keyboardWindow = nil;
  for (UIWindow *testWindow in [[UIApplication sharedApplication] windows]) {
    if (![[testWindow class] isEqual:[UIWindow class]]) {
        keyboardWindow = testWindow;
        break;
    }
  }

  // Locate UIWebFormView.
  for (UIView *formView in [keyboardWindow subviews]) {
    // iOS 5 sticks the UIWebFormView inside a UIPeripheralHostView.
    if ([[formView description] rangeOfString:@"UIPeripheralHostView"].location != NSNotFound) {
        for (UIView *subView in [formView subviews]) {
            if ([[subView description] rangeOfString:@"UIWebFormAccessory"].location != NSNotFound) {
                // remove the input accessory view
                [subView removeFromSuperview];
            }
            else if([[subView description] rangeOfString:@"UIImageView"].location != NSNotFound){
                // remove the line above the input accessory view (changing the frame)
                [subView setFrame:CGRectZero];
            }
        }
      }
    }
}

uh, okay, but in which file should I put this code ? should I create a new file in my xcode project ? — soleshoe, Oct 28 '12 at 15:31
I've added the complete code to remove the bar, you should add it in the controller that contains your webview. let me know if you have problem — oiledCode, Oct 28 '12 at 16:31
Added your code at the end of MyProject/Classes/MainViewController.m works perfect :) thanks ! — soleshoe, Oct 29 '12 at 17:27

score 2 · Answer 2 · edited Jun 14 '14 at 18:28

I was working on iOS 7.0 and fixed it with the following code on UIWebView

-(void)removeExtraBar
{
    UIWindow *keyboardWindow = nil;
    for (UIWindow *testWindow in [[UIApplication sharedApplication] windows]) {
        if (![[testWindow class] isEqual:[UIWindow class]]) {
            keyboardWindow = testWindow;
            break;
        }
    }
    for (UIView *possibleFormView in [keyboardWindow subviews]) {
        if ([[possibleFormView description] rangeOfString:@"UIPeripheralHostView"].location != NSNotFound) {
            for (UIView *subviewWhichIsPossibleFormView in [possibleFormView subviews]) {
                if ([[subviewWhichIsPossibleFormView description] rangeOfString:@"UIWebFormAccessory"].location != NSNotFound) {
                    [subviewWhichIsPossibleFormView removeFromSuperview];
                }
                else if([[subviewWhichIsPossibleFormView description] rangeOfString:@"UIKBInputBackdropView"].location != NSNotFound) {
                    [subviewWhichIsPossibleFormView removeFromSuperview];
                }
            }
        }
    }
}

This works for me with the UIWebView keyboard issue on iOS 7.0

iOS keyboard style in webview?

2 Answers2

Linked