Project: titanium
Issue TIMOB-23657: Windows: borderRadius does not work for some components
{{borderRadius}} is not implemented for the following components: - Button - ScrollView - WebView - TextField - ScrollableView - Switch - TextArea - SearchBar - Slider It is likely that these components need {{Windows::UI::Xaml::Controls::Grid^}} parents. *TEST CASE* {code} var win = Ti.UI.createWindow({ backgroundColor: 'purple' }), scrollView = Ti.UI.createScrollView({ layout: 'vertical', borderWidth: 5, borderColor: 'yellow', borderRadius: 5 }), button = Ti.UI.createButton({ backgroundColor: 'orange', title: 'BUTTON', borderWidth: 5, borderColor: 'yellow', borderRadius: 5 }), textField = Ti.UI.createTextField({ backgroundColor: 'orange', text: 'TEST TEXT', width: Ti.UI.FILL, borderWidth: 5, borderColor: 'yellow', borderRadius: 5 }), scrollableView = Ti.UI.createScrollableView({ backgroundColor: 'orange', width: Ti.UI.FILL, height: 70, borderWidth: 5, borderColor: 'yellow', borderRadius: 5 }), toggle = Ti.UI.createSwitch({ backgroundColor: 'orange', borderWidth: 5, borderColor: 'yellow', borderRadius: 5 }), textArea = Ti.UI.createTextArea({ backgroundColor: 'orange', borderWidth: 5, borderColor: 'yellow', borderRadius: 5 }), searchBar = Ti.UI.createSearchBar({ backgroundColor: 'orange', borderWidth: 5, borderColor: 'yellow', borderRadius: 5 }), slider = Ti.UI.createSlider({ backgroundColor: 'orange', borderWidth: 5, borderColor: 'yellow', borderRadius: 5, width: '50%' }); scrollView.add(button); scrollView.add(textField); scrollView.add(scrollableView); scrollView.add(toggle); scrollView.add(textArea); scrollView.add(searchBar); scrollView.add(slider); win.add(scrollView); win.open(); {code} - WebView {code} var win = Ti.UI.createWindow({ backgroundColor: 'purple' }), webView = Ti.UI.createWebView({ backgroundColor: 'orange', url: 'http://www.appcelerator.com/', borderWidth: 5, borderColor: 'yellow', borderRadius: 5, }); win.add(webView); win.open(); {code} {{PickerColumn}} was not suitable to fix *Before Fix* - {{borderRadius}} would have no effect on the components *After Fix* - A {{borderRadius}} is displayed
Story points: 13