Fiori - Target devices

[Former Member]

Hi all,

How Fiori render the application in different size of screens, depending on the target device where we execute the app? Do we have separate front end developments for PCs, tablets and smartphones for each app?

Thanks,

Fernando

[prathik · Accepted solution]

Hi Fernando,

                    Fiori follows a web paradigm of responsive web design, One of the ways its done is by following relative layouting i.e; mentioning the position of the UI elements in terms of percentage rather absolute layouting (in terms of pixels), This way the layouting is take care of for any device (tablet or a phone).

This is the same paradigm used in SAPUI5 applications

Regards,

Prathik

[Former Member · Accepted solution]

Hi Prathik,

I assumed they were using responsive web design, however I did not have the opportunity to take a look at the front end development yet. Also I got confused by the following presentation:

In the slide number 5 specifies that the desktop and mobile device are separate implementations. Do they have a development with responsive web design for desktop and tablet and a separate implementation for smartphones or the presentation is not accurate?

Thanks,

Fernando

[masa_139 · Accepted solution]

Hi Fernando,

The document is about UI5. It tries to say there are 2 libraries for mobile and desktop.

Fiori apps use mobile libraries sap.m and it run on smartphone, tablet and desktop. It means that when you run Fiori apps in desktop, apps run with mobile library.

This is good starting point about SAPUI5.

Regards,

Masa

SAP Rapid Innovation Group - RIG

[Murali_Shanmu]

Hi Fernando,

Fiori is based on HTML5. Fiori apps adapt to all sizes, devices, versions to provide a common user experience across all channels.

The devices automatically render the Fiori application. You just develop it once and it will work on all modern browsers within PC/Tablets.

Detail on supported devices - 1935915 - Fiori for Business Suite: Browser / Devices / OS Information

Cheers

Murali.