How to create a SAP Fiori Custom Launchpad? - sapui5

I want to create a Fiori launchpad that is able to run Fiori applications that are not developed with stand alone option. But I can not find any option inside of the WEB IDE for creating a Fiori launchpad application while as I understand SAP Fiori is a SAPUI5 application itself.
Any document or link is appreciated.

A Fiori launchpad is basically a collection of tiles, so you want to try that route.
The most basic approach seems to be a tile-based Grid layout: https://sapui5.hana.ondemand.com/explored.html#/sample/sap.ui.layout.sample.GridTiles/preview
Or you can use a sap.m.TileContainer with sap.m.StandardTiles:
https://sapui5.hana.ondemand.com/explored.html#/sample/sap.m.sample.TileContainer/preview
Or you can use some sap.m.Panels. Give each panel a title and fill it with sap.m.GenericTiles and it should look very similar to an actual launchpad:
https://sapui5.hana.ondemand.com/explored.html#/sample/sap.m.sample.GenericTileAsLaunchTile/preview
The real launchpad is made of stuff from the sap.ushell.ui.launchpad namespace which is not very well documented, but you might want to re-engineer that as well.

Related

Cannot access to sap.ui.getCore() when app is deployed Fiori sapui5

I'm working on a Fiori App in SAP Web IDE full stack. My application works totally fine in SAP Cloud Platform but when I deploy it to my SAP system in Fiori Launchpad, I get sap.ui.getCore().byId(...) undefined. So I change My use about sap.ui in order to avoid this error. My goal is to hide some <li> from my menu in the parent view App, I use then document.getElementsByTagName("ul") which works in SAP Cloud Platform but doesn't work neither when deployed. For me, I cannot access to my parent view's elements.
Thank you for helping me with this.
You should never access anything by Id like you did. Also parent child componts in one app are usually a bad idea and pointless in a launchpad.
Anyhow, you didn't share how the "parent view app" (ui5 knows components, controller and fragments) relates to the child. But in any cases use a json model and bind a property of your choice in XML.
Models can be passed programmatically or are even passed automatically (e.g. i18n is basically a json model at component level). Access model in child and call
oView.getModel('myModel').setProperty("/isVisible', false)

Design Me Area In SAPUI5 Page Header

According to the latest Fiori design guidelines, there is a new concept called Me Area which contains user-specific and context-aware information and shortcuts.
But, there is no documentation or reference to get that control. Has anyone able to apply that on to their SAPUI5 Page.
The Me Area is part of the SAP Fiori Launchpad, and not a UI control in the SAPUI5 library. Technically, it is a view with name sap.ushell.components.shell.MeArea.MeArea.

Sap Custom Fiori App LPD_CUST Additional Information changing?

I have a custom fiori application in launchpad which is working. But when I enter the Launchpad in the GUI using LPD_CUST tcode, I saw that the application additional information part was managed=FioriWave1.
If I change this part SAPUI5.Component=com.quotation like that, I get the below error when the application starts in launchpad. What can be the reason? I couldn't find any relations?
This is most likely a SAPUI5 version problem. What SAPUI5 version do you use in your Launchpad? Go to Console -> "sap.ui.version".
sap.tnt.InfoLabel is available since version 1.54, which is very new. I guess your launchpad is using a lower version.

Is SAP Fiori only/mostly meant for mobile development?

I struggle to understand where to position SAP Fiori against SAP UI5 development.
I know, that the so called Fioris are an expanding list of SAP Web-Apps based on the technology of SAP UI5.
Currently, I am doing Fiori and SAPUi5 practices. When developing Fiori, I have to require
data-sap-ui-libs="sap.m"
and it seems I only encounter code snippets using XML as the View language of choice.
When developing SAPUI5, I have to require
data-sap-ui-libs="sap.ui.commons"
and mostly see View coding based on JavaScript.
So, is there a rule of thumb to say that Fiori is for mobile and SAPUI5 for desktop?
You could say that sap.ui.commons was the "old" desktop library, and sap.m was the "old" mobile".
Currently, with the Fiori design language, sap.m now stands for "main", i.e. it caters for both (responsive) desktop and mobile use. I for one never looked back at sap.ui.commons

Use Homepage of Sap Fiori Launchpad

I see the "Homepage" of Sap Fiori Launchpad as start-page. http://experience.sap.com/fiori-guidelines/FioriLaunchpad/17_Fiori_Launchpad-Home_Page.html
Can I do the same thing with OpenUI5?
Sure you can ;)
Guess this relates to your question here: "Portal" with multi-apps
As I already mentioned there the UI5 Component concept is a good place to start. Furthermore check out sap.m.TileContainer and sap.m.StandardTile. TileContainer already comes with an edit mode that allows for deletion and configuration per drag'n'drop. The tiles you see on your link are partially contained in the sap.suite packages and not part of OpenUI5. The container you see on Launchpad Homepage is a sap.ui.unified.Shell -> Unified Shell Demo
BR
Chris