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

Windows: ScrollView don't scroll the content

    Details

      Description

      ScrollView don't scroll the content.

      Scrollview instead clip the exceeded content.

      i have tryied the simple examples that i found on the official documentation:

      http://docs.appcelerator.com/platform/latest/#!/api/Titanium.UI.ScrollView

      I attach screenshots captured on the windows phone 8.1 emulator.

      When you try to scroll (vertically or horizontally) the only result is the bounce effect of the clipped content.

      Example 1:

       var win = Ti.UI.createWindow({
         backgroundColor:'white'
       });
       
       if (Ti.UI.Android){
         win.windowSoftInputMode = Ti.UI.Android.SOFT_INPUT_ADJUST_PAN;
       }
       
       function createRow(i) {
         var row = Ti.UI.createView({
           backgroundColor: 'white',
           borderColor: '#bbb',
           borderWidth: 1,
           width:'100%', height: 70,
           top: 0, left: 0
         });
         var inputTextField = Ti.UI.createTextField({
           hintText: 'Enter value ' + i,
           keyboardType: Ti.UI.KEYBOARD_NUMBERS_PUNCTUATION,
           top: 10, left: '10%',
           width: '80%', height: 60
         });
         row.add(inputTextField);
         return row;
       }
       
       var scrollView = Ti.UI.createScrollView({
         bottom:120,
         layout: 'vertical'
       });
       
       for(var i = 0; i <= 20; i++){
       var row = createRow(i);
         scrollView.add(row);
       }
       win.add(scrollView);
       
       var label = Ti.UI.createLabel({
         backgroundColor:'darkgray',
         text: 'Your advert here',
         textAlign: 'center',
         bottom:0,
         width: Titanium.UI.FILL,
         height:100
       });
       win.add(label);
       win.open();

      Example 2:

      <Alloy>
          <Window id="win" backgroundColor="white" exitOnClose="true" fullscreen="false" title="ScrollView Demo">
              <ScrollView id="scrollView" showVerticalScrollIndicator="true" showHorizontalScrollIndicator="true" height="80%" width="80%">
                  <View id="view" backgroundColor="#336699" borderRadius="10" top="10" height="2000" width="1000" />
              </ScrollView>
          </Window>
      </Alloy>

        Attachments

          Activity

            People

            • Assignee:
              kiguchi Kota Iguchi (Inactive)
              Reporter:
              luk3luk3 Luca Sartori
            • Watchers:
              0 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Backbone Issue Sync

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

                  Git Integration