Questions tagged [ui5-webcomponents]

Questions about "UI5 Web Components" created by SAP. Use this tag also for "UI5 Web Components for React" but then together with the tag [reactjs]. Do NOT use this tag in addition to [sapui5] if your project or the question doesn't involve "UI5 Web Components".

UI5 Web Components

UI5 Web Components are lightweight web UI components, maintained by SAP, which comply with the Fiori design guidelines.

For more information, visit https://github.com/SAP/ui5-webcomponents.


* Not to be confused with which is a framework for developing business web applications.

28 questions
1
vote
1 answer

jsfiddle code sample for UI5 Web Components using unpkg.com to avoid dependency on npm

A question for the unpkg.com nerds. I'd like to create a code sample for UI5 Web Components on jsfiddle. The goal is to share code samples without forcing readers to install the corresponding NPM module and its dependencies. The corresponding node…
Pierre F
  • 1,332
  • 15
  • 33
0
votes
0 answers

How to fill the grouped heading row of Analytical table with icon / button

I have one Analytical table under my smart table as follow;
0
votes
1 answer

Filter checkboxes appear blank in Fiori's ViewSettingsDialogs

I am following the tutorials from UI5 Web Components playground and I'm having some issues with the ViewSettingsDialog component. I have set up a simple local hosted web app (following the introductory tutorial) and copy-pasted the code from the…
Claudi
  • 5,224
  • 17
  • 30
0
votes
1 answer

Web Components Performance Issue

In the last three weeks I've been switching my web app from classic HTML+CSS+JS to web components. In the begening it was all roses. So good to work with: 1. Encapsulating, 2. Reusing, 3. Less javascript code to be written, 4. Refactor one, refactor…
0
votes
1 answer

Angular and SAP's UI5 web components

I am currently in the project planning phase and am dealing with the topic of "technology decision". The currently available frameworks are SAPUI5 and Angular with the so-called UI5 web components as the UI library. It is important that the SAPUI5…
sarius
  • 107
  • 1
  • 3
  • 12
0
votes
1 answer

Routing not working when creating ui5 application using ui5-webcomponents-react

I am creating one react app based ui5-webcomponents-react, and deploying it to the SAP BTP. Each time the app is directly loading the index.html. I am not sure how to use the react-router in this app. Files approuter -> xs-app.json { "welcomeFile":…
0
votes
1 answer

Why cant I customize the styling of web component libraries, beyond themes? saps UI5

Why can't I customize the styling of web component libraries i.e UI5, beyond themes? I have tried everything from inline styling to wrapping the web components in Styled-components. I tried using :host(), ::slott. I've tried to inject style tags…
0
votes
1 answer

@ui5 web components: Adding icon inside ui5-input does not work

Just trying the Input as Search Field example (you'll need to scroll down a little bit), but displaying the icon does not work for me.
bebo
  • 819
  • 1
  • 9
  • 26
0
votes
1 answer

Uncaught (in promise) SyntaxError: Unexpected token 'const' in UI5 (SAP)

Hi I wanted to make an API Call in Ui5 but everytime it tells me, that it doesnt know whats 'Const'. Uncaught SyntaxError: Unexpected token 'const' The following error occurred while displaying routing target with name 'TargetResult': SyntaxError:…
Dopaemin
  • 37
  • 8
0
votes
0 answers

findByTestId having different behavior depending on the order of tests

I have the following tests for my React component: it("Should render detail page", () => { const { getByTestId } = render(); const objectPage = getByTestId("object-page-wrapper"); …
0
votes
0 answers

My react app won't load the CSS styles even after I already imported it

I'm using UI5 web components with React and I'm trying to give a class with styles on certain component, but the class doesn't take the styles from the CSS files. Can someone tell my why? Here is the "./Navbar.css" CSS files: .nav-menu { …
0
votes
1 answer

UI5 Web Components Select does not open

I want to use the UI5 Web Component "Select" for my Site, but the dropdown doesn't open. I'm using Lit-HTML, Typescript and Webpack. I copied the example from the Playground into my code and imported both modules (Select, StandardListItem). The…
-1
votes
2 answers

Trying to add styles using jQuery in dialog of UI5

I am trying to add styles to my dialog header of my ui5 application, but the effect is not applied. Here is the code: ` onValueHelpRequest : function(oEvent) { var sInputValue = oEvent.getSource().getValue(), oView =…
Kausar
  • 15
  • 1
  • 4
1
2