31 questions
0
votes
0
answers
20
views
404 Error Problem with path to my translation file after deploying react app Extension to SAP WEB Client using SAP UI5
Building a react app Extension that is being deployed to SAP WEB Client. But the translations are not working. It works properly on dev mode but fails on production
This is the error:
Index.js:
...
1
vote
1
answer
86
views
UI5 - DateTimePicker - minDate can be undershot and overwritten at the same time
I am currently using a sap.m.DateTimePicker in one of my projects.
Since I want to limit the input time range, I use the properties minDate and maxDate.
My UI5 version is 1.71 (yes I know, not very up-...
- 38
0
votes
0
answers
46
views
SAP UI5 Chrome Extension Build Error with Plasmo
I'm building a Chrome extension with Plasmo (React). I would like to use SAP UI5 as the UI framework.
However, I get a build error. It just tells me that it can't load some files:
Failed to resolve '@...
- 25
0
votes
1
answer
431
views
Custom Card Component with individual Controllers in SAPUI5 Application
I want to create a FIORI Overview Page with SAPUI5 1.84 and I followed this Tutorial to add custom cards to the application. After adding the first custom card, everything worked just fine. It showed ...
- 11
0
votes
0
answers
90
views
ui5 webcomponents: Custom style webcomponent doesnt work
Custom style for webcomponent ui5-tabcontainer doesnt work.
The doc says:
... allow developers to style elements inside the Shadow DOM. The
ui5-tabcontainer exposes the following CSS Shadow Parts:
...
- 405
0
votes
1
answer
35
views
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 ...
- 5,406
2
votes
1
answer
287
views
Can I use OpenUI5 and Svelte together?
My question is basically the title.
So I've been trying to use them both but does it even make sense..?
Through a google search ui5 web components and svelte can be used but it's not the same thing...
...
- 37
1
vote
1
answer
51
views
Data binding in UI5
I have an data output from an api as below In the jsonModel samplemodel :
[
{
“Info” : { Id: “id1”, val: [. {id:”subid1”,name : “name1”}]}
},
{
“Info” : { Id: “id2”, val: [. {id:”subid2”,...
- 23
0
votes
1
answer
1k
views
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 ...
- 177
-1
votes
2
answers
155
views
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....
- 25
0
votes
1
answer
495
views
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.
...
- 128
1
vote
1
answer
42
views
React: Passing state back to the parent component
I am fairly new to the react. I've browsed many threads with similar questions, followed instructions but can't crack this one: I have an parent component which opens dialog window but I cannot handle ...
- 21
1
vote
1
answer
1k
views
LitElement: Call a Method from external web component
I'm very new to Lit and Web Components. I hope you can help me.
I wrote the following Element:
import {html, LitElement, PropertyValues} from 'lit';
import {customElement, property} from 'lit/...
- 23
0
votes
1
answer
1k
views
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 :...
- 683
0
votes
1
answer
867
views
@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.
<ui5-input id="searchInput" placeholder="Enter ...
- 839
2
votes
2
answers
676
views
Customize ui5 web component Side Navigation
I am trying to use and customize the side navigation component but I can not change it's background color, e.g.
ui5-side-navigation { background-color: yellow; }
does not have any effect on the ...
- 617
2
votes
1
answer
539
views
How to access @EventData in a @DomEvent in a Vaadin Component
I created a Vaadin Flow v22 Component wrapping the UI5 MultiComboBox Webcomponent:
@Tag("ui5-multi-combobox")
@NpmPackage(value = "@ui5/webcomponents", version = "^1.1.2")...
- 21
0
votes
1
answer
1k
views
Uncaught (in promise) SyntaxError: Unexpected token 'const' in UI5 (SAP) [closed]
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 ...
- 37
3
votes
1
answer
1k
views
Using Svelte JS framework with a Web Component library, how can I accomplish two-binding with the custom elements via the bind:value directive?
Note: There is a GitHub issue open on the Svelte repo for this very question.
https://github.com/sveltejs/svelte/issues/4838
While I understand that this may or may not someday become a feature of ...
- 31
0
votes
0
answers
4k
views
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(<PrimaryStory id="123456" />);
const ...
- 43
0
votes
0
answers
254
views
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 ...
2
votes
0
answers
253
views
Use Angular Virtual Scrolling with a ui5-table web component having a sticky header
When I use Angular Virtual Scrolling with a ui5-table web component having the sticky-column-header flag set to true the column headers move to the bottom when scrolling down (randomly jumping between)...
- 95
1
vote
1
answer
301
views
Open ComboBox Dropdown of a ui5-combobox web component programmatically
Is there a way to open the dropdown of a <ui5-combobox> web component programmatically?
What I found was a solution using a plain HTML combobox setting DroppedDown to true but this seems not to ...
- 95
1
vote
1
answer
106
views
UI5 Web Components and ObjectListItem
I am experimenting with UI5-webcomponents and Angular. I try making an application that has similar design with an existing OpenUI5 application that uses a list with ObjectListItem items. The only ...
- 441
1
vote
1
answer
299
views
Is there some easy way to keep ui5 webcomponent(for example ui5-input) in sync with model of angular component?
I was trying to use ngModel with a ui5-input field to automatically update my angular model when typing data into the input field but didn't get it to work.
Is there an easy way to have an object at ...
- 95
1
vote
0
answers
1k
views
Including Third Party Web Components in a Stencil.js Components Library
I'm looking to include Stenciljs in a project and love stencil's way of bundling components and lazy loading only the components being used on the page.
Can this be used with third party web ...
- 3,024
1
vote
1
answer
552
views
How to manage layout and alignment in React JS?
I recently began coding in React. It is all good, except that i can not find the proper way to manage layouts and alignment in the UI. I am experienced in the UI5 framework where these things come out ...
- 545
2
votes
2
answers
4k
views
How do I import ES6 Module within a create-react-app without causing tests to fail?
When I follow the instructions found here
and add the import reference as they specify:
import "@ui5/webcomponents/dist/Button";
the application works fine and is able to import the button.
However,...
- 162
0
votes
1
answer
557
views
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 ...
1
vote
1
answer
1k
views
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 ...
- 1,392
3
votes
0
answers
224
views
Using Web Component HTML tags with reflex
I try to use Web Components in Reflex. Code is as such:
buttonUI5 :: DomBuilder t m => T.Text -> m (Event t ())
buttonUI5 t = do
(e, _) <- element "ui5-button" def $ text t
return $ ...
- 31