SAP Community - SAPUI5

Personalization for tables in HTML Container for SAP UI5 application

2024-04-22T12:00:07.361000+02:00

Hi Team

I have an application with an HTML container and the content for this HTML container comes from the backend.

The content can have multiple tables and I am able to generate a custom button against each HTML table & handle the personalization at runtime by providing a custom dialog to user for columns selection & based on the selections, I would set/remove the "hidden" class against columns at runtime.

The problem now is that there could be some actions that could refresh the application. It means the application will fetch & load the HTML data from the backend and the user will have redo the table personalization again.

Could you help how to persist the user personalization for this scenario?

I was going through some of the blogs that used iapp-state to achieve similar functionality but they would modify URL to save the iapp-state which I want to avoid as it affects the design of my existing complex application.

Thanks in advance

How create a session timeout with a countdown timer in SAPUI5 app that interacts with ABAP backend?

2024-04-22T16:34:29.443000+02:00

Hallo everyone,

I need to create a session management in abap, when the user is inactive for two minutes, he will reseive a notification ( see the photo) with countdown timer for example 5 minutes, telling him that he will be forced to logout if in 5 minutes if inactivity continues.

Have someone an idea, step by step please because I am a beginner.

Thank you.

Error while HANA Cloud tenant in Python on SAP HANA Cloud

2024-04-23T11:29:58.136000+02:00

Hi All,

I am doing the exercise in, the lesson Multi Model - AutoML Introduction which is part of "Guided Experience - Introduction to SAP HANA Cloud".

Here I am getting an error when I create a dataframe in the Jupyterlab. The command I've given as per the exercise is

import hana_ml.dataframe as dataframe

hana_address = 'HANA_TENANT_HOST'
hana_port = 443
hana_user = 'GE86007'
hana_password = 'Ob*******'
hana_encrypt = True #for HANA Cloud

# Establish connection
conn = dataframe.ConnectionContext(address = e3bd540b-325a-4e89-8404-1e17a1a6cbb8.hna0.prod-eu10.hanacloud.ondemand.com
port = 443,
user = GE86007,
password = Obm******,
encrypt = True,
sslValidateCertificate = 'false')

- When I execute the above command I get an error message that says Invalid Syntax pointing the error at the line

conn = dataframe.ConnectionContext(address = e3bd540b-325a-4e89-8404-1e17a1a6cbb8.hna0.prod-eu10.hanacloud.ondemand.com

Because of this error I am not able to proceed further in the exercise to create the data frame.

Please advise how to fix this error.

Thank you.

catch/handle error upload() method in SAPUI5

2024-04-23T22:50:08.033000+02:00

Hi experts,

im using upload method from class sap.ui.unified.FileUploader. I want to catch/handle the error from FileUploader.upload().

i need this error becouse upload method never executes handeUploadComplete

This is the definition of oFileUploader

var oFileUploader = new FileUploader({
				id: "Hello",
				name: "Hello",
				tooltip: "something",
				uploadComplete: [this.handleUploadComplete, this],
				change: [this.onFileChange, this],
				width: '100%'
			});

SAPUI5 UploadSet camera access not working on surface

2024-04-24T10:19:12.631000+02:00

Hello experts,

we will deliver a new UI5 app to one of our clients using the UploadSet control. In my research I saw that on iPhone and iPad I get a little PopOver to choose if I want to take a picture or access my storage.
On a Desktop device this doesn't work, not even on a Microsoft Surface tablet.

I need this function as out client is using Surface Tablets and they need to take pictures for uploading.

Has anyone an idea or solution on this topic?

Thanks in advance and best regards,

Florian

Post payload to CPI iFlow from UI5 - Internal Server Error

2024-04-24T12:20:46.018000+02:00

I need to send a JSON payload to an iFlow, in Postman the request is successful (with OAuth2 token retrieval and csrf in header), but the response in UI is Internal Server Error (the iFlow is also expecting JSON).

I am getting csrf token from GET request to CPI instance and pass it in the following POST request to CPI endpoint :

The destination configuration is the following and added in xs-app.json :

Also curl -v -i cpi.dest returns 500

* Cpi destination and UI5 app are in different subaccounts.

- What could be the cause of this?

How create a plugin session timeout with a countdown timer in SAPUI5 Launchpad with backend server?

2024-04-24T14:27:38.169000+02:00

Hallo everyone,

I need to create a plugin session for timeout in the Launchpad, when the user is inactive for two minutes, he will reseive a notification ( see the photo please) with countdown timer for example 5 minutes, telling him that he will be forced to logout if in 5 minutes if inactivity continues.

The Plugin should appear next to the Search plugin.

Have someone an idea, step by step please?

Thank you.

Unable to remove attachment in "Managed Purchase Requsition" Apps in Fiori

2024-04-24T23:50:17.250000+02:00

Hi Experts

We have an issue where we have attached a document in purchase requisition via Managed Purchase Requisition Apps in Fiori. However, when we try to remove the document, system will indicate it has been deleted but when we go back to the said purchase requisition, the document is still there. Please advice what could be the cause for this.

Thanks.

sapui5 planning calendar special dates but interval colors doesnt change

2024-04-26T13:11:36.948000+02:00

Hello everyone,

My question about SAPUI5 Planning Calendar. I have special dates entityset.

<PlanningCalendar id="PC1" startDate="{path: 'oModel>/Tarih'}" minDate="{path: 'oModel>/MinTarih'}" rows="{path: 'oModel>/PlanHeader'}" appointmentSelect="onPressPlan" viewKey="Week" viewChange="onViewChange" showEmptyIntervalHeaders="false" intervalSelect="onAddPlan" startDateChange="onStartDateChange" rowHeaderClick="onRowHeaderClick" specialDates="{path: 'oModel>/Holidays', templateShareable: false}" appointmentsVisualization="Filled" stickyHeader="true" showWeekNumbers="true" showDayNamesLine="true" width="100%">

This code block is my planning calendar.

And this one is my planning calendar specialDates aggregation.

<unified:DateTypeRange startDate="{oModel>Date}" type="NonWorking">

</unified:DateTypeRange>

</specialDates>

So problem is i catch the special dates but in the screen planning calendar interval color is doesn't change.

23 April is a special date. And type is nonworking. But 27 and 28 April is weekend and the cells are grey.

I want all special dates cells to be greyed out like weekends.

Can you experts help me ?

UI5 UploadSet 403 forbidden error for some files

2024-04-29T12:54:19.556000+02:00

Hi experts.

I use UploadSet control to upload files, however some files return 403 forbidden error I don't know why. Only some files return the error, usually PDFs and PPTs but not all.

What's stranger is that in some environments it works and others not and for some users and others not.

What could be the reason for this?

Setting the backend OData Service Alias in a BTP Destination. Possible?

2024-04-30T20:23:14.071000+02:00

Hi,

We have a scenario as follows with BTP UI5 apps making OData calls to backend ECC systems:

BTP Cloud Foundry UI5 App > BTP Destination > SAP Cloud Connector > Gateway Hub > ECC (NW 7.00)

For a very specific reason we would like to set the Alias assigned to the OData service on the Gateway Hub via the BTP Destination, rather than inside the UI5 app itself, or via other external means. I'm talking about the ";o=<ALIAS>" part of the OData URL.

I am hoping that SAP have some internal option within the SAP BTP Destination service (specifically on Cloud Foundry) which can inject the ";o=<ALIAS>" into the correct place in the OData URL if we specify it in a special Destination Property.

I have searched high and low and tried various properties like "sap-system-alias" or "sap-system" but they don't work, or were designed to work somewhere else. I have also tried these names and some others as HTTP Headers as a guess, but no luck.

Anyone have any idea if an 'Alias' Property exists in Cloud Foundry Destinations which can do what I need?

Note also that we are very experienced with all of this and know every other possible way to handle Aliases on OData calls in relation to BTP, ECC or S/4. But we have one very specific requirement where using a BTP Destination would save us a lot of hassle.

Thanks in advance,

Brendan

Changes do not update in Fiori Launchpad

2024-05-01T18:28:24.892000+02:00

Hi Experts,

I am trying to add log icon or a text (Log Out) to the shell toolbar next to the search icon as you can see in the photo of FLP.

The issue is: I can not see the changes in Fiori Launchpad. I have tried with

/UI2/INVALIDATE_CLIENT_CACHES ,, /UI2/INVALIDATE_GLOBAL_CACHES ,, /UI5/APP_INDEX_CALCULATE and /IWFND/CACHE_CLEANUP. /IWBEP/CACHE_CLEANUP ,, /UI2/CHIP_SYNCHRONIZE_CACHE ,, /UI2/DELETE_CACHE_AFTER_IMP ,, /UI5/UPDATE_CACHEBUSTER ,, /UI2/INVALIDATE_GLOBAL_CACHES.

SMICM. Goto -> HTTP plugin -> Server cache -> Invalidate Locally and Globally.

I also cleared the browser cache.

No updates can I see.

This is my component.js file

sap.ui.define([
    "sap/ui/core/UIComponent"
],
function (UIComponent) {
    "use strict";

    return UIComponent.extend("logoutplugin.Component", {
        metadata: {
            manifest: "json"
        },

        init: function () {
            UIComponent.prototype.init.apply(this, arguments);
            this._createLaunchpadButton();

            
        },

        getRenderer: function () {
            var oDeferred = new jQuery.Deferred();
            this._oShellContainer = jQuery.sap.getObject("sap.ushell.Container");
            if (!this._oShellContainer) {
                oDeferred.reject("Illegal state: shell container not available");
            } else {
                var oRenderer = this._oShellContainer.getRenderer();
                if (oRenderer) {
                    oDeferred.resolve(oRenderer);
                } else {
                    this._onRendererCreated = function (oEvent) {
                        oRenderer = oEvent.getParameter("renderer");
                        if (oRenderer) {
                            oDeferred.resolve(oRenderer);
                        } else {
                            oDeferred.reject("Illegal state: shell container not available");
                        }
                    };
                    this._oShellContainer.attachRendererCreatedEvent(this._onRendererCreated);
                }
            }
            return oDeferred.promise();
        },
        _createLaunchpadButton: function () {
            this._getRenderer().fail(function (sErrorMessage) {
                jQuery.sap.log.error(sErroMessage, undefined, "shellExtended.shellExtend.Component");
            }).done(function (oRenderer) {
                var oButton = new sap.m.Button({
                    icon: "sap-icon://log",
                    tooltip: "Log Out",
                    press: function () {
                        // 
                    }
                });
        
                oRenderer.getHeaderControl().addContent(oButton, { shift: 3 });
            }.bind(this));
        }
        
    });
});

Thank you.

How can we use a feature that comes with new version, in the old version of the system ?

2024-05-02T11:55:36.975000+02:00

Hi experts,

We cannot use a new feature in the sapui5 library in the project because the customer is using an old version?
Is there a solution to this?

For example, do we have no chance of using the multi barcode reading feature of 1.115 on a system with 1.71? Is the solution to this just an upgrade? Is there a challenging but workaround solution?

I am sharing a note and blog I found about this. The solution seems to be an upgrade, but I wanted to confirm again.

Note

https://me.sap.com/notes/3360855/E

Blog

https://community.sap.com/t5/technology-blogs-by-members/barcode-scanning-from-sapui5-applications-via-browsers/ba-p/13560133

Command: ui5 build is giving an error: Maximum call stack size exceeded

2024-05-02T20:47:53.232000+02:00

Hello,
a command

ui5 build --verbose is giving an error:

Error Message:
Maximum call stack size exceeded

Stack Trace:
RangeError: Maximum call stack size exceeded
at Stats.set [as atime] (node:internal/fs/utils:469:18)
at Stats.set [as atime] (node:internal/fs/utils:469:18)
at Stats.set [as atime] (node:internal/fs/utils:469:18)
at Stats.set [as atime] (node:internal/fs/utils:469:18)
at Stats.set [as atime] (node:internal/fs/utils:469:18)
at Stats.set [as atime] (node:internal/fs/utils:469:18)
at Stats.set [as atime] (node:internal/fs/utils:469:18)
at Stats.set [as atime] (node:internal/fs/utils:469:18)
at Stats.set [as atime] (node:internal/fs/utils:469:18)
at Stats.set [as atime] (node:internal/fs/utils:469:18)

I tried reinstalling everything: UI5 tooling, nodejs, npm, I tried downloading an empty UI5 project.. I tested another laptop. Completely the same behavior. The same worked many times. I'm no longer able to build a ui5 project 😞

Adaptation Project: Add arbitrary fields and controller logic

2024-05-03T11:52:01.396000+02:00

I want to add additional fields in an adaptation project which are not in the OData model.

Presumably this means having to add a local (JSON) model for the new custom fields as well.

(The requirement would be to set a value in the OData model based on the new field).

Looking through the documentation, I cannot see anything that fits this kind of enhancement (Adapt the UI | SAP Help Portal).

Is there a way, in an adaptation project, to:

Add arbitrary/new fields in an adaptation project
Add a JSON model for the new fields' values
Enhance the controller to respond to events from the new fields?

SAP Fiori

I have a Enhancement for F3302 App

2024-05-06T00:51:23.803000+02:00

Hello Guys,

I need to make an enhancement for F3302 app Reconcile GR/IR Accounts. I copied a standard CDS FAC_GRIR_RECONCILIATION_SRV and I publish like this.@OData.publish: true define view ZODATA_RECONCILIACION_CDS as my new Odata .

I downloaded the source code F3302 App standard with the SAPUI5 name FIN_GRIR_ALP and upload in BAS.

I modified the Manifest.json file the next code:

"resources": "resources.json",

"dataSources": {

"mainService": {

"uri": "/sap/opu/odata/sap/ZODATA_RECONCILIACION_CDS/",

"type": "OData",

"settings": {

"annotations": [

"FAC_GRIR_RECONCILIATION_ANNO_MDL",

"localAnnotations"

"localUri": "localService/metadata.xml"

}

I need two things for my enhancement:

1. add filter 'Account' in the App F3302.

I added this filter in the CDS view.

I don't know how can I see the filter in the Fiori App?, in the manifest. Json I put the New OData, but the application doesn't call the new OData.

go to the terminal with npm run start command, but I see the OData Standard and I don't see the new filter.

I need to call the ZODATA.

Thanks in advance.

Best Regards

AWS SDK in UI5 Application

2024-05-06T21:11:30.612000+02:00

How do I use AWS JavaScript V3 SDK in my UI5 application?

How to add additional buttons in header section of Overview Fiori template

2024-05-07T07:44:32.805000+02:00

We have a requirement where user wants to have additional buttons in header section of Overview Fiori template.

------------------------------------------------------------------------------------------------------------------------------------------------
Learn more about the SAP Support user and program here.

Syniti RDG provides an effortless way to create Data Model extension.

2024-05-08T17:43:20.178000+02:00

Syniti Rapid Data Governance (RDG) is an SAP UI5 Cloud-based application that builds on SAP Business Technology Platform to automate MDG customizing and enhancement through standard APIs.  It provides an elegant UI and sensible logic to help users to perform all necessary tasks for a typical SAP MDG implementation.  It can also help to empower the business to maintain a deployed SAP MDG solution without the comprehensive technical background.

In SAP Master Data Governance data can be stored in a staging or active area. Extending the data model with custom attributes or tables involves changes to the data structures in both the active and staging areas and defining a mapping between these data structures.

Traditionally, a user must perform the following steps to assign to do this configuration in SAP MDG System.

Extending active area data model
Extending staging area data model
Generating MDG tables
Defining mapping from Staging to Active area
Defining mapping from Active to Staging area

RDG provides the solution to extend SMT Mapping with an intuitive, user-friendly, and graphical interface.

After a custom attribute is created and activated in either Business Partner or Material data models, an entity table for SMT mapping will be shown if applicable. (SMT mapping is not relevant for attributes created under all entities).

After custom attribute is created and activation is complete mapping table will be shown.
Complete the mapping table by selecting a mapping step and structure to extend for each row. Source and Target will automatically populate. Click at the end of each row.
Click Done. Processing may take some time to complete. Click Refresh when ready and receive success messages. If running the application using a cloud platform, additional notifications will be given to help you track the process.
Extension, transformation and mapping are created correctly

Syniti RDG is a certified SAP BTP solution on the SAP App Store.

To know more details about the product, check the blog Partner Add-on Solutions.

Your opinions and feedback are highly appreciated, and feel free to post them in the comment section.

Please follow and read more interesting blogs on SAP Master Data Governance | SAP | SAP Blogs

You can also find and post questions about the product here: SAP Master Data Governance Community

Controller Replacement in Fiori Adaptation Project

2024-05-09T09:35:35.807000+02:00

Hi Community,

I am trying to generate an adaptation project to extend the standard Fiori app of GR4POS1 on VS Code, My requirement is to add custom fields in the items table, I am struggling to find a way how to add the custom fields in the model as the standard app relies on local JSON Model in its controller where fields have been added. Is there a way how we can replace standard controller with a custom extended controller in an adaptation project?

Thanks and Warm Regards,

Rachit