Skip to Content
0

Press is working instead of swiping.

Feb 27, 2017 at 04:23 PM

113

avatar image

Hello folks,

I am having real trouble in finding out the reason why horizontal touch scroll over tiles is not working.

I opened this URL in mobile which contains tiles and scrolls perfectly with horizontal finger scrolling in landscape layout, e.g.

img-0544.png

Whereas, horizontal touch scroll is not working in our application.

e.g. tile2.png

However, if I scroll/swipe below the tile in the 2nd image, it does work but if I scroll/swipe, with my finger on the tile, it opens up the tile instead of scrolling it to the right.

Your inputs will be precious, thank you in advance!!

Here is my code for the XML Page:

<mvc:XMLView
controllerName="xxxx"
xmlns="sap.m"
height="100%"
xmlns:core="sap.ui.core" 
xmlns:l="sap.ui.layout"
xmlns:mvc="sap.ui.core.mvc"
xmlns:app="xxxx">

<Page
title="{i18n>WelcomeMessage}"
class="marginBoxContent" 
enableScrolling="false"
showHeader="false">
<customHeader>
<Toolbar height="3rem">
<!-- <core:Icon
      src="{configurationModel>/home/settingTile/eBillTab/icon}"
      color="#2DFA06" 
      press="onPaperlessClick" 
      visible="{
     path: 'commPrefGoGreen>/_checked',  
     formatter: '.showPaperlessLink'
        }"/>
<Link id="idPaperlessLink" text="{i18n>PAPERLESS_TITLE}" press="onPaperlessClick" 
class="animatePaperlessLink"
visible="{
     path: 'commPrefGoGreen>/_checked',  
     formatter: '.showPaperlessLink'
        }"/> -->
<ToolbarSpacer /> 
<!-- <Text text="{i18n>WelcomeMessage}" /> -->
<ToolbarSpacer />
<!-- <Button id="idJiraFeedbackLink" visible="false" text="{i18n>FEED_BACK}" icon="{configurationModel>/home/actionSheet/feedBack/icon}" />   -->
<Button 
id="idActionSheetBtn"
      icon="{configurationModel>/home/header/actionSheet_icon}" 
      press="handleActionSheet" />
</Toolbar>
</customHeader>
<!-- <headerContent>
      <Button 
      icon="{configurationModel>/home/header/logout_icon}" 
      text="{i18n>LOGOUT}" 
      press="handleLogout" />
</headerContent> -->

<VBox height="{configurationModel>/home/header_size}">
<ObjectHeader
    id="idObjectHeader"
    title="{homeModel>/selectedServiceAddress}"
    icon="{configurationModel>/home/objectHeader/account_icon}"
    showTitleSelector="true"
    titleSelectorPress="handleTitleSelectorPress"
    tooltip="{i18n>SelectBuagMessage}">
    <attributes>
      <ObjectAttribute text="{i18n>SelectedBuagLabel}: {homeModel>/selectedBusinessAgreementID}"/>
      <!--  ObjectAttribute
text="Turn on paperless billing"
active="true"
press="onPaperlessClick" /-->
    </attributes>   
  </ObjectHeader>
  </VBox>
<TileContainer
height="{configurationModel>/home/tile_size}"
      id="tileContainer"
      tileDelete="handleTileDelete">
      <StandardTile
      id="accountsSummaryTile"
        icon="{configurationModel>/home/accountsSummaryTile/icon}"
        title="{i18n>ACCOUNTS_SUMMARY}"
        app:visible="{configurationModel>/home/accountsSummaryTile/visible}"
        press="handleTilePressed" />
      <StandardTile
      id="billTile"
        icon="{configurationModel>/home/payMyBillTile/icon}"
        title="{i18n>PAY_BILL}"
        info=""
        infoState="{homeModel>/billTile/infoState}" 
        app:visible="{configurationModel>/home/billTile/visible}"
        press="handleTilePressed" />
      <StandardTile
      id="payMyBillTile"
        icon="{configurationModel>/home/billTile/icon}"
        number="$ { parts: ['homeModel>/BillInfo/DueAmount'],
                      formatter: 'util.formatCurrency'  }"
        numberUnit="{homeModel>/billTile/unit}"
        title="{i18n>PAY_MY_BILL}"
        info="{homeModel>/invoiceTile/info}"
        infoState="{homeModel>/invoiceTile/infoState}"         
        app:visible="{configurationModel>/home/payMyBillTile/visible}"
        press="handleTilePressed" />        
    <StandardTile
      id="invoiceTile"
        icon="{configurationModel>/home/invoiceTile/icon}"
        title="{i18n>BILL_HISTORY}"
        app:visible="{configurationModel>/home/invoiceTile/visible}"
        press="handleTilePressed" />
    <StandardTile
      id="paymentHistoryTile"
        icon="{configurationModel>/home/paymentHistoryTile/icon}"
        number="$ { parts: ['homeModel>/paymentHistoryTile/number'],
                      formatter: 'util.formatCurrency'  }"
        numberUnit="{homeModel>/billTile/unit}"
        title="{i18n>PAYMENT_HISTORY}"
        info="{homeModel>/paymentHistoryTile/info}"
        infoState="{homeModel>/paymentHistoryTile/infoState}" 
        app:visible="{configurationModel>/home/paymentHistoryTile/visible}"
        press="handleTilePressed" />
    <!-- Added separate tiles for Meter Reading and Consumption history pages -->
<StandardTile
      id="newConsumptionTile"
        icon="{configurationModel>/home/newConsumptionTile/icon}"
        number="{homeModel>/consumptionTile/number}"
        numberUnit="{homeModel>/consumptionTile/numberUnit}"
        title="{i18n>NEW_CONSUMPTION}"
        info="{i18n>CONSUMPTION_HISTORY_INFO}"
        infoState="{homeModel>/consumptionTile/infoState}" 
        app:visible="{configurationModel>/home/newConsumptionTile/visible}"
        press="handleTilePressed" />
    <StandardTile
      id="newMeterReadingTile"
        icon="{configurationModel>/home/newMeterReadingTile/icon}"
        number="{homeModel>/consumptionTile/number}"
        numberUnit="{homeModel>/consumptionTile/numberUnit}"
        title="{i18n>NEW_METER_READING}"
        info="{i18n>CONSUMPTION_HISTORY_INFO}"
        infoState="{homeModel>/consumptionTile/infoState}" 
        app:visible="{configurationModel>/home/newMeterReadingTile/visible}"
        press="handleTilePressed" />
    <StandardTile
      id="settingTile"
        icon="{configurationModel>/home/settingTile/icon}"
        number=""
        numberUnit=""
        title="{i18n>SETTING}"
        info="{homeModel>/settingTile/info}"
        infoState="{homeModel>/settingTile/infoState}" 
        app:visible="{configurationModel>/home/settingTile/visible}"
        press="handleTilePressed" />  </TileContainer>
</Page>
</mvc:XMLView>
img-0544.png (138.0 kB)
tile2.png (14.7 kB)
10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

0 Answers