Skip to Content
0
Former Member
Feb 27, 2017 at 04:23 PM

Press is working instead of swiping.

162 Views Last edit Mar 08, 2017 at 06:02 AM 5 rev

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>

Attachments

img-0544.png (138.0 kB)
tile2.png (14.7 kB)