Scribd Logo
Upload

Welcome to Scribd!

  • 36 views

    OpenSAP Ui51 Week 3 Unit 4 ATTUD Presentation

    Uploaded by

    bhavana amar
    sap

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    OpenSAP Ui51 Week 3 Unit 4 ATTUD Presentation

    Uploaded by

    bhavana amar
    36 views7 pages
    sap

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    sap

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    36 views7 pages

    OpenSAP Ui51 Week 3 Unit 4 ATTUD Presentation

    Uploaded by

    bhavana amar
    sap

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 7

    Week 3 Unit 4: Adapting to the

    Users Device

    Adapting to the Users Device


    Responsive Controls
    Desktop Browser

    Phone

    Examples: sap.m.SplitApp, sap.m.PullToRefresh, sap.m.ObjectHeader, sap.ui.layout.Form, sap.m.Bar


    2016 SAP SE or an SAP affiliate company. All rights reserved.

    Public

    Adapting to the Users Device


    Device API
    sap.ui.Device
    browser: mobile, name, version, versionStr, webkit, webkitVersion
    media: rangesets, matches
    orientation: portrait, landscape
    os: name, version, versionStr, OS
    resize: height, width
    support: touch, retina, websocket, pointer, orientation, matchmedia,
    input.placeholder
    system: phone, tablet, desktop, combi
    API Reference sap.ui.Device
    Developer Guide Essentials The Device API
    Developer Guide Developing Apps Device Adaptation: Using Device Models for Your App
    2016 SAP SE or an SAP affiliate company. All rights reserved.

    Public

    Adapting to the Users Device


    Content Densities
    Cozy

    Compact

    The sap.ui.table.Table control also supports an even smaller "Condensed" mode


    Developer Guide Essentials Adapting to Operating Systems And Devices Content Densities
    2016 SAP SE or an SAP affiliate company. All rights reserved.

    Public

    Adapting to the Users Device


    Summary
    Means of visually adapting to the user's device:

    Many controls that adapt automatically

    Other controls that can be configured to adapt in a certain way

    Predefined responsiveness styles like the margin and visibility CSS classes

    Content Densities compact and cozy

    The sap.ui.Device API as source of information about the current device, to

    allow for any kind of resulting adaptation


    be informed about changes
    use as device model, so data binding can be used to adapt

    Adaptation is not limited to visuals think about device capabilities!

    2016 SAP SE or an SAP affiliate company. All rights reserved.

    Public

    Thank you

    Contact information:
    [email protected]

    2016 SAP SE or an SAP affiliate company. All rights reserved.


    No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP SE or an SAP affiliate company.
    SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP SE (or an SAP affiliate
    company) in Germany and other countries. Please see http://global12.sap.com/corporate-en/legal/copyright/index.epx for additional trademark information and notices.
    Some software products marketed by SAP SE and its distributors contain proprietary software components of other software vendors.
    National product specifications may vary.
    These materials are provided by SAP SE or an SAP affiliate company for informational purposes only, without representation or warranty of any kind, and SAP SE or its
    affiliated companies shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP SE or SAP affiliate company products and
    services are those that are set forth in the express warranty statements accompanying such products and services, if any. Nothing herein should be construed as
    constituting an additional warranty.
    In particular, SAP SE or its affiliated companies have no obligation to pursue any course of business outlined in this document or any related presentation, or to develop
    or release any functionality mentioned therein. This document, or any related presentation, and SAP SEs or its affiliated companies strategy and possible future
    developments, products, and/or platform directions and functionality are all subject to change and may be changed by SAP SE or its affiliated companies at any time
    for any reason without notice. The information in this document is not a commitment, promise, or legal obligation to deliver any material, code, or functionality. All forwardlooking statements are subject to various risks and uncertainties that could cause actual results to differ materially from expectations. Readers are cautioned not to place
    undue reliance on these forward-looking statements, which speak only as of their dates, and they should not be relied upon in making purchasing decisions.

    2016 SAP SE or an SAP affiliate company. All rights reserved.

    Public

    You might also like