[AC-2233] SearchBar shows the BACKGROUND image in the FOREGROUND
| GitHub Issue | n/a |
|---|---|
| Type | Bug |
| Priority | n/a |
| Status | Closed |
| Resolution | Duplicate |
| Resolution Date | 2013-12-23T03:02:15.000+0000 |
| Affected Version/s | n/a |
| Fix Version/s | n/a |
| Components | Titanium SDK & CLI |
| Labels | n/a |
| Reporter | Gordon Illan |
| Assignee | Ritu Agrawal |
| Created | 2013-09-20T19:23:37.000+0000 |
| Updated | 2016-03-08T07:41:14.000+0000 |
Description
When I set the backgroundImage in the Ti.UI.createSearchBar() call, the image shows ABOVE the text box.
Hello, Please send your test case and test code, that we can reproduce this bug. Thanks
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. */
[~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();
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.