Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-23657] Windows: borderRadius does not work for some components

GitHub Issuen/a
TypeBug
PriorityMedium
StatusClosed
ResolutionFixed
Resolution Date2016-07-31T22:33:59.000+0000
Affected Version/sRelease 5.4.0
Fix Version/sRelease 6.0.0
ComponentsWindows
Labelsn/a
ReporterGary Mathews
AssigneeGary Mathews
Created2016-07-19T20:15:13.000+0000
Updated2016-10-18T14:37:03.000+0000

Description

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*
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();
- WebView
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();
PickerColumn was not suitable to fix *Before Fix* - borderRadius would have no effect on the components *After Fix* - A borderRadius is displayed

Comments

  1. Gary Mathews 2016-07-22

    master: https://github.com/appcelerator/titanium_mobile_windows/pull/787
  2. Ewan Harris 2016-10-18

    Verified using: OS: Microsoft Windows 10 Pro 10.0.14393 Appc core: 6.0.0-61 Appc NPM: 4.2.8-8 Ti SDK: 6.0.0.v20161017194738 borderRadius property now works for Titanium.UI.Button, Titanium.UI.ScrollView, Titanium.UI.WebView, Titanium.UI.TextField, Titanium.UI.ScrollableView, Titanium.UI.Switch, Titanium.UI.TextArea,Titanium.UI.SearchBar, and Titanium.UI.Slider Closing ticket

JSON Source