Titanium JIRA Archive
Appcelerator Community (AC)

[AC-2233] SearchBar shows the BACKGROUND image in the FOREGROUND

GitHub Issuen/a
Resolution Date2013-12-23T03:02:15.000+0000
Affected Version/sn/a
Fix Version/sn/a
ComponentsTitanium SDK & CLI
ReporterGordon Illan
AssigneeRitu Agrawal


When I set the backgroundImage in the Ti.UI.createSearchBar() call, the image shows ABOVE the text box.


  1. Mostafizur Rahman 2013-09-23

    Hello, Please send your test case and test code, that we can reproduce this bug. Thanks
  2. Gordon Illan 2013-09-23

    app.js: ====== var win = Ti.UI.createWindow(); var srch = Ti.UI.createSearchBar({ // backgroundImage: 'red.png' }); win.add(srch); win.open(); /* 0) Create a 720x49 image filled with red. Save it as red.png in the Resources folder 1) Run the app; you should see the searchbar. 2) Uncomment the backgroundImage line and run the app. Do you see the problem? Make sure the environment is correct. I see this issue in iOS simulator. Haven't tried running on the phone. */
  3. Ritu Agrawal 2013-12-06

    [~shossain] I can reproduce this problem with 3.1.3 GA SDK. Following sample code shows that the background image works correctly with a Text Field but not with Search Bar. var win = Ti.UI.createWindow(); /* Setting backgroundImage on TextField works perfectly var srch = Ti.UI.createTextField({ backgroundImage: 'red.png' }); */ /* Setting backgroundImage on SearchBar acts as Foreground image and you cannot see what you type */ var srch = Ti.UI.createSearchBar({ backgroundImage: 'red.png' }); win.add(srch); win.open();
  4. Ritu Agrawal 2013-12-23

    Thanks for reporting this issue. This issue has been resolved as part of ticket TIMOB-15319 with 3.2.0 GA release. I would recommend you to upgrade to 3.2.0 release to get this fix as well as number of other new features, improvements and bug fixes in this release.

JSON Source