Uploaded image for project: 'Titanium SDK/CLI'
  1. Titanium SDK/CLI
  2. TIMOB-23657

Windows: borderRadius does not work for some components

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Medium
    • Resolution: Fixed
    • Affects Version/s: Release 5.4.0
    • Fix Version/s: Release 6.0.0
    • Component/s: Windows
    • Labels:
      None
    • Story Points:
      13
    • Sprint:
      2016 Sprint 15 SDK

      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

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                gmathews Gary Mathews
                Reporter:
                gmathews Gary Mathews
              • Watchers:
                2 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Backbone Issue Sync

                  • Titanium SDK/CLI <> Titanium Mobile
                    Synced with:
                    TIMOB-9928
                    Sync status:
                    ERROR
                    Last received:
                    Last sent:

                    Git Source Code