I have a WKWebView that is on the google home page (google.com) and I will like to programmatically select and type 'Apple' inside the google search field and press the 'Google Search' button to look for websites that match 'Apple'.
I was only able to figure out how to interact with simple elements such as the background color (with this https://www.capitalone.com/tech/software-engineering/javascript-manipulation-on-ios-using-webkit). But unfortunately all of the other websites I find are not helpful. How can I do this?
I been searching a way, with HTML5 or something like that, to remove the white bar on the keyboard that appears in the Chrome Browser for iOS.
When we want input a text in the URL or any textbox on Chrome appears a white bar obove the keyboard with two arrows and a DONE button as the following image:
Capture image
And my questions are the following:
First, What is the name of that bar?
And finally, How can i remove the bar? if it is possible!
I have implemented search bar in my table view to search for files using objective-C. And it is working fine.
I want to implement it in a way that when the search bar is clicked, the screen fades out & only the keyboard & the search bar has user interaction (like in default phone app or whatsapp or any other ios app).
Can anyone suggest me how that can be done ? Any help would be appreciated.
I am trying to customize the color of the top most bar in an iOS app using Trigger/Forge. Is that even possible? I couldn't seem to find anything about it in the docs.
Thanks in advance.
Update: we're re-considering implementing status bar customisation. The reasons:
Android doesn't support styling of the status bar (you can only show/hide)
the status bar is not style-able at all on the iPad (see The Status Bar)
on Windows Phone the system tray appears and hides according to activity
Until we can find some good common ground that will be useful and applicable cross-platform, we're putting this on hold.
Original answer:
This is not currently possible with Trigger.io: you're the first requester :)
I've created a story to address this and will report back here when it's complete. Estimated completion: 4th June 2012.
I have a temporary solution for hiding it(however it might work for styling also)
If you want do hide it you can still edit the Info.plist file in the result of your build(you will have to do it every time you completely re-build you app)
EDIT:
I just checked it and yes you can change the status bar style by adding the :
Status bar style key to Info.plist file
It is now possible to completely remove the status bar with the fullscreen option in our display module:
http://docs.trigger.io/en/v1.4/modules/display.html#field-fullscreen
We have not implemented status bar customization per James' answer
I am trying to create a menu like the one on Instragram, with the central item using a special design, but the Titanium Documentation does not provide information about this kind of feature
There's an example with an already answered question in here: How do you create a raised tab bar item, like is found in Instagram? but I need it working on titanium, any clues?
You can mimic that by following these steps;
(This is hackish but the only way for now)
Create the tab group
var tabGroup = Titanium.UI.createTabGroup({
id:"bottomTabs",
bottom:-50
});
Add tabs as much as you need
var tabTimeline = Titanium.UI.createTab({
icon:"icons/btn_timeline#2x.png",
title:"Timeline",
});
Create a button without a title to mimic the raised tab bar like in Instagram.
var btnScan = Titanium.UI.createButton({
backgroundImage:'icons/btn_action.png',
width:46,
height:46,
title:'',
bottom:0
});
Add that button to the tab group.
tabGroup.add(btnScan);
(hope someday titanium supports more low level APIs as well)
I believe Instagram is written in Objective-C. Creating a custom tab bar as they have made involves subclassing the native tab bar, but you don't have the ability to do that with just JS and Titanium.
Here's a tutorial for faking a custom tab bar in Titanium, which involves creating a window with buttons that controls the real tab bar.
http://www.samjordan.co.uk/2011/02/tutorial-custom-iphone-tabbar-using-appcelerator-titanium/
I don't know for which platform Instragram is developed in Titanium but I know about this type of tabs. I have created similar type of tab for one of my project so i can say that this is not built in tab you have to create it at your own.
you have to design icons, backgrounds, raised background and write logic to get this work same as Tab using available UI widgets like views, imageview and labe.
Hope you will be able write logic for this. According to my knowledge this is not built in tab, it's a custom tab.