Design Me Area In SAPUI5 Page Header - sapui5

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.

Related

UI5: sap.f.ShellBar vs. sap.tnt.ToolHeader

I'm exploring the UI5 Tool Header UI component.
As far as I can see, there is an option to implement such UI component either with sap.f.ShellBar or with sap.tnt.ToolHeader. Since both UI elements look pretty similar, what's the difference?
Is sap.f.ShellBar just a newer/modern implementation of the functionality, provided by sap.tnt.ToolHeader?
The Tool Header control is part of the sap.tnt library and this library "[...] targets the specific needs of the tools user group (typically developers and administrators)" (taken from the UI5 documentation). By contrast, the Shell Bar is part of the sap.f library with controls specialized for application-oriented UIs.
Further details and guidelines on these two specific controls can be found in the SAP Fiori design guidelines for the Shell Bar or rather the Tool Header.

SAP FIORI Tools - Filter generated via XML UI local Annotations, require to display Clear button

I am exploring XML Annotations on WebIDE. To display filters, have added SelectedFields. I want to add reset or Clear button with Go Button. Could you please update property to add such button via annotation.
Thanks in advance for your help.
Regards,
Bhuvenesh
As you are using Web IDE, you can enable these buttons with the help of SAPUI5 Visual Editor i.e by creating flex changes.
Additionally, I would recommend you to explore new SAP Fiori tools on VSCode and SAP Business Application Studio https://marketplace.visualstudio.com/items?itemName=SAPSE.sap-ux-fiori-tools-extension-pack
Documentation https://help.sap.com/viewer/product/SAP_FIORI_tools/Latest/en-US

How to create a SAP Fiori Custom Launchpad?

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.

application with sapui5 and openui5

Actually we have developed on application with sapui5 for our customer but the problem is that some new customer dont want to go through License agrement with sapui5. So the solution we have found to make our application with openui5.
My question is that
"Is there any possibility to make application with both of them and at the time of installation making a decision either going and make resources of sapui5 or openui5"?
Thank you
Nimi
As long as you understand that certain features will only be available in SAPUI5 you can load the version of sap-ui-core.js that comes with either in your bootstrap index.html page.
For example, if using CDN, for OpenUI5 link to https://openui5.hana.ondemand.com/resources/sap-ui-core.js and for SAPUI5 use https://sapui5.hana.ondemand.com/resources/sap-ui-core.js
See this link to read about differences between SAPUI5 and OpenUI5.
Also see this link for another discussion of the differences.
I know that this post (I'm linking to) is not so much updated but it will give you a good overview and history about SAPUI5/OpenUI5 and all the differences.
Anyway, SAPUI5 is a superset of OpenUI5 with some addictional control (like VizChart or FilterBar.
I think that in 90% of cases you can just go with OpenUI5 and use other opensource libraries / develop custom control if you need something that is missing.

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