35 questions
0
votes
0
answers
35
views
Why mime_type starts with application file download automatically when I clicked
<ui5-list
growing="Scroll"
class="h-full list-border-bottom"
mode="Single"
(ui5ItemClick)="selectFile($event)">
<ui5-upload-...
- 23
0
votes
0
answers
54
views
Close UI5 WebComponent: ui5-dialog when clicked outside
Body:
I'm working with ui5-dialog in an Angular component. I want the dialog to close automatically when the user clicks outside of it. However, if the user has entered data—like selecting or typing ...
0
votes
1
answer
60
views
Loading a component's file in test context of a different component
I have a SAPUI5 app with 5 components in total: 4 components and 1 shared component which contains the shared files.All of them are under the root folder.
The first component's code uses a file from ...
- 868
1
vote
1
answer
123
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
-2
votes
1
answer
102
views
SAPUI5 Filterbar Alignment [closed]
I need some help. I'm not able to align the filter fields correctly ... do you have a smart hint for me?
Smartfilterbar
Here is the corresponding coding:
Coding
I tried to play around with the flexBox ...
- 27
0
votes
1
answer
769
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
122
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:
...
- 399
0
votes
1
answer
44
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,436
2
votes
1
answer
368
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
59
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
2k
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 ...
- 197
-1
votes
2
answers
179
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....
- 75
0
votes
1
answer
625
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.
...
- 150
1
vote
1
answer
45
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 :...
- 703
0
votes
1
answer
989
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 ...
- 849
2
votes
2
answers
760
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 ...
- 627
2
votes
1
answer
628
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
5k
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
2
votes
1
answer
188
views
how to update the border color for fundamental ngx token component
I am trying to use the fundamental ngx token component (https://sap.github.io/fundamental-ngx/#/core/token) in my angular project. The default border is gray, I want to change it to green. I tried to ...
0
votes
0
answers
260
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 ...
0
votes
1
answer
114
views
How to change fd-busy-indicator size
I'm using the fiori ngx library on angular. I am using the <fd-busy-indicator> for loading scrreens from wiki. But the sizes s is too small and m is too big for me. I tried to manually fix it by ...
2
votes
0
answers
276
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)...
- 105
1
vote
1
answer
321
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 ...
- 105
1
vote
1
answer
144
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 ...
- 451
1
vote
1
answer
327
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 ...
- 105
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,034
1
vote
1
answer
588
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
609
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
238
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