Community Questions & Answers
Quickie Newbie Alloy Question
Hi All, Working with Alloy for the first time and loving it. Im still migrating my brain to the new xml markup and just wanted to know if there was a way you can attach a keyboard toolbar to a textfield in the view xml. ~~~ <Alloy> <Model...
Alloy : Using the Toolbar generated by TabGroup
I am currently exploring Alloy's framework and wondering how could you use the TabGroup's ToolBar in XML, seems like I am having hard time figuring it out.. :-/ Tried something out, but obviously the result is what I thought, it is adding another toolbar...
Legal to Use Custom Image for a Button in the LeftNavButton of a ToolBar?
Hi all- I have the below: ~~~ <NavigationGroup> <Window title='Test'> <LeftNavButton> <Button id='myButton' /> </LeftNavButton> </Window> </NavigationGroup> ~~~ Within my Alloy .tss file, I...
backgroundImage not working in toolbar
Hi, I'm not able to create a toolbar with a background image ~~~ var toolbar = Titanium.UI.createToolbar({ items:[b_close,label], translucent:true, backgroundImage: 'bgToolbar.png', top:0, ...
Add toolbar in touchevent window
I currently have a window that has opened from a touch event in the app.js which is a scrollable gallery but for some reason the toolbar that I want is not showing up on the bottom of the windows. I am coding for ios and using the latest sdks and...
Photo gallery from toolbar: view is not attached to the current window
I'm trying to open a photo gallery from a toolbar button. The toolbar and button are defined using Alloy. See below for my code. Other popovers are able to launch from this toolbar perfectly well using the same basic setup. But the photo gallery fails...
Hiding and Showing Buttons on a Toolbar with Alloy
Is there a way to hide and show buttons on a toolbar with Alloy? I have a Toolbar as such which is placed on index.xml, under a ScrollableView: ~~~ <Toolbar layout='horizontal'> <Button id='b1'>B1</Button> <Button...
Alloy - buttonbar inside toolbar not working.
I'm trying to get toolbar at bottom of window with one buttonbar inside. ~~~ <Alloy> <Window id="summaryWindow" class="tabWindow" title="Summary"> <ScrollView id="summaryScroll"...
Resizing an Image on a Toolbar with Alloy
Hi there- Is it possible to resize an image/ImageView placed on a Toolbar control? I am attempting to place an image as a logo centered on a Toolbar. For some reason, the image stretches to fill the toolbar, no matter how I set the width and height of...
NavBar/Toolbar - Transparent BG
Hi, please is there some way how to set transparent BG on a NavBar or a Toolbar? I tried milion ways including the image background ,but it is not wokring...Thanks
Adding Spacing Between Toolbar Buttons with Alloy
Hi there- How can I go about adding spaces between buttons on a toolbar using the Alloy framework? If I use the FlexSpace tag, buttons are placed to the far left and far right, and without the FlexSpace tag, they are crowded against one another. Is...
toolbar is not visible in iphone 3gs
Hi, all toolbar is not visible in iphone 3gs when i used the below code ~~~ var send = Titanium.UI.createButton({ title: 'Send', style: Titanium.UI.iPhone.SystemButtonStyle.DONE, }); var camera = Titanium.UI.createButton({ systemButton:...
Toolbar overlaps to WebView
iOS App SDK 2.1.4 - iOS simulator Hello, I have a problem with a toolbar, it overlaps on the webview and keeps a small part of the webview hidden, my app is intended to be universal. This is my code. ~~~ var self =...
add a ios toolbar on camera overlay
Hi, i want to add a toolbar on camera overlay ... I am building a custom camera overlay which includes an imageview(to hold the thumbnail image of the picture taken ) and a camera button to take picture Below is my code ~~~ var container =...
Printing the Google request with the buttons in toolbar
Hey. I want to make sure that I had a toolbar button on it "Titanium". When I go to Google calling the input query (I open the keyboard and toolbar). I click on the "Titanium" and the request is printed "Titanium"... something...
Change button style in toolbar
Is it possible to update a button style inside a toolbar (e.g. showing which button was clicked/is selected). When I try to set `_btn1.setStyle(Titanium.UI.iPhone.SystemButtonStyle.BORDERED);` or `_btn1.style =...
dock toolbar to bottom in vertical layout
I have a view with a layout of `vertical` ~~~~ var tray = Ti.UI.createView({ width:deviceWidth * 0.9, height:'100%', top:0, left:0, backgroundColor:'transparent', layout:'vertical' }); win.add(tray); ~~~~ Inside `tray` I have a...
FLEXIBLE_SPACE emulation in Android
Hi, I'm having some trouble trying to emulate `Ti.UI.iPhone.SystemButton.FLEXIBLE_SPACE` and wondered if there's any suggestions (or native functionality I haven't noticed). At the moment I have a temporary work-around to emulate a toolbar, where if there...
iOS Toolbar Background Image
Is it possible to have a background image for a toolbar in iOS, specifically on the iPad? ---------- I know that there is a [doc](http://docs.appcelerator.com/titanium/2.0/index.html#!/api/Titanium.UI.iOS.Toolbar-property-backgroundImage) that shows a...
Toolbar background image problem
How can I add a background image to a toolbar I have at the foot of a window? I have tried both barImage and backgroundImage without success. I am using 1.4.2 (1.5 causes me too many problems). Below is my current code. var toolbar1 =...
How to custom toolbar background image in the new Tatinium
In the api document, it says the property is "backgroundImage", but it doesn't work. In the new KitchenSink code, it uses barColor to custom the toolbar color, so I think there must be a new property to modify the background image, but I didn't...
How to mimic FourSquare's toolbar above tabGroup?
What's needed to create the toolbar seen above the tabgroup in Android? Would I need to extend the tabGroup module? Is that toolbar just a view with a background image or gradient? Hints? Ideas? Example: [http://imgur.com/OrKeI](http://imgur.com/OrKeI)
Buttons in Toolbar
Hi. Can we have custom buttons in toolbar? I would like to have the FB like hand as a button in my toolbar but i cant get it to work. ~~~ rightButton = Ti.UI.createButton({ backgroundImage : 'images/like.png' }); ~~~ or do we have to use...
iPad keyborad split problem
So, I got a problem with iPad keyboard, because when it splits the keyboard toolbar does not go away, and stay stuck in the screen. The questions is how to handle/listen to a keyboard split event?
Blue DONE button in Toolbar
Hello, its basicaly simple question but i didnt find answer - How can i make Done button (iPhone) in blue color in black Toolbar? thx
Toolbar view gets covered by keyboard
If I create a toolbar view with the same controls as the iPhone SMS app (textfield & send button) and anchor it to the bottom of the screen when I click into the textfield it gets covered up by the keyboard. What am I missing? how do I get the...
How to implement WeChat like toolbox
Hi, there I am new to Titanium. I want to create an app that has functionalities of messaging, voice messaging and sending pics/ videos. I want to combine all these functionalities in a toolbox in the bottom, just like WeChat does....
bug:cannot set keyboardToolbarHeight of a textArea
Here is the code: ~~~ var textfield = Titanium.UI.createTextField({ color:'#336699', value:'Focus to see keyboard w/ toolbar', height:35, width:300, top:10, borderStyle:Titanium.UI.INPUT_BORDERSTYLE_ROUNDED, keyboardToolbar:[flexSpace,camera,...
adding toolbar to mapview in a modal window
i have a modal window that im adding a mapview to - i'm now trying to add a toolbar to that modal so i can show the sat type, zoom etc this is the normal code i'm using elsewhere in a normal window containing a...
How to remove shine from a Toolbar
In my application I have removed the gloss/shine and have a flat color on all my navigation bars, by adding the following to my .jss file ~~~ barColor: '#1d5a90'; barImage: '/images/bg_bar.png'; ~~~ but I am unable to use the same technique on a ...
Trying to create a custom toolbar at the top of the app
I'm trying to create a toolbar at the top of the app with a logo and 2 buttons. Right now I'm creating a view and added it to the window like this: ~~~ var toolbar =...
Toolbar working on ipad but NOT on iphone
Can anybody point me in the right direction as to why this doesn't work on the iphone simulator : ~~~ mainWindow = Titanium.UI.createWindow({ title: 'iOS Toolbar Test', backgroundColor: 'black', navBarHidden: true, modal: false, ...
Keyboard toolbar slides up after keyboard slides up
Hello all, each time focus changes on a text field its keyboard appears, looking seemless - which is great, the problem is that it's keyboard toolbar slides up making it look not seemless. Any way to prevent this? Keyboard doesn't slide up, why should the...
Popover not displaying properly over buttonbar
I've got an iPad app with a buttonbar set as the rightNavButton. The buttonbar has 3 labels/buttons. Two of these three buttons trigger a popover to appear. The arrow at the top of the popover always points at the center button, regardless of which button...
adding a label above slider in toolbar - how to stack vertically?
I am trying to add a label with a slider below it in the toolbar. The examples in the KitchenSink show how to add elements next to each other with flexSpace but I cannot find an example with adding elements vertically. I tried creating a view and adding...
Mobile Web Navigation Group bar color?
I can't find a property to change the barColor of the top navigation bar in a Mobile Web Navigation group... How can I change it from the default Gray? ------ sdk 2.1, studio 2.1, os 10.8
Toolbar generating an error
The following code: ~~~ var cancel = Titanium.UI.createButton({ title : 'Cancel', style : Titanium.UI.iPhone.SystemButtonStyle.BORDERED }); var done = Titanium.UI.createButton({ title : 'Done', style :...
iPhone toolbar icon button without border?
I have been asked to create custom icon buttons for an iPhone toolbar, on the order of the system "ACTION" or "INFO_LIGHT" buttons, except with my own icons and specified color. I created PNG icons 28x28 for this purpose. However, I...
ButtonBar / Toolbar Background Image
Is it possible to use a custom background image instead of the standard iPhone style backgrounds for either a button bar, tab bar, or toolbar? Thanks
Transparent toolbar
Can the Toolbar be made completely transparent so that only buttons show .
How to change the color of a Nav bar button to Blue at runtime
If I create it like this ~~~ var online_search_bt = Titanium.UI.createButton({ title:'Online search', enabled:true, style:Titanium.UI.iPhone.SystemButtonStyle.BAR }); window.setRightNavButton(online_search_bt); ~~~ The button will be colored...
Toolbar disabled on popover on Ti 2.02GA
I face a strange problem on iPad. I have a toolbar on a popover, the first time the popover is shown, no problem, the problem occurs at the second time, I see the toolbar and the buttons but I cannot click on them. It seems that the first time the popover...
Show/Hide Button in toolbar
I have been trying to show/hide a button in the toolbar without success. Even when I add the button with the property of visible=false it still displays. ~~~ // create a button to close window var myButton =...
ToolBar images with label in iOS
Hi Guys. Frist I would like to thank everyone in the community for their awesome support, it's really given the kick start I needed to get back into Ti again after a long break. Anyway... :-) I need some help with tool bars. I've got a non tabbed window...
Can't define a iOS Tabbed Bar?
I pulled this directly from Kitchen Sink. It's also on the API docs: ~~~ var tb1 = Titanium.UI.iOS.createTabbedBar({ labels:['One', 'Two',...
One-pixel line below toolbar, why?
I have an iPad app with a View and a toolbar at the bottom of it:  The view is that white box with the orange border. I have set up the toolbar like so, but as you can see it's not flush...
Add top Toolbar to Window
I am currently developing a testing application where I want it to fire a bunch of questions at someone, but when someone gets the answer correct and clicks to move on to the next question, the top toolbar disappears - I have tried to add it to the next...
Passing a button to a constructor?
I have been using this method to create repetitive objects in my iOS app, with items like labels, views, and buttons. I am now trying to use this to have a constructor for a toolbar where I pass the button, but it fails, complaining that "btn"...
Best way to add Bar with logo on top
I'm trying to add a bar on top of my android/iphone app, which is black, 100% wide and about 1cm high. It has the logo in the middle, which can be a label with a custom font I have 5 windows and I'm wondering what's the best way to add a bar like I...
Creating Gradient Toolbar on iOS
I'm trying to create a gradient background toolbar that ranges from dark gray to medium gray. I'd like the title in a centered label and a login button at the right. So far, everything I try puts the title on the left and the button not quite to the right....