Comments (5)
hi @SomeKay have you tried with these 2 directives:
https://github.com/SAP/fundamental-ngx/blob/main/libs/core/dynamic-page/directives/dynamic-page-header-title.directive.ts
![Screenshot 2024-05-27 at 10 00 51 AM](https://private-user-images.githubusercontent.com/39598672/334128287-05a2b56b-f24b-4fb8-af0e-66458fe08475.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE1ODg2MDYsIm5iZiI6MTcyMTU4ODMwNiwicGF0aCI6Ii8zOTU5ODY3Mi8zMzQxMjgyODctMDVhMmI1NmItZjI0Yi00ZmI4LWFmMGUtNjY0NThmZTA4NDc1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzIxVDE4NTgyNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWVlNWQ3OTc2NTZkOGM4MWYxMDQzNDA3NWQyMmQ2MmYyNjJkZDZmZmNkZjk5ODMxM2Q1NTliNGY4MTAxNzc1OTImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.4CWKVFae2yDGbfuyzSfFM1TTlHW20c02xr7fKJXRra4)
from fundamental-ngx.
Hey @InnaAtanasova, yes, the stackblitz is using those exact directives (though for the Platform version of Dynamic Page, but both versions, Core and Platform, exhibit the same behavior).
from fundamental-ngx.
hi @SomeKay could you please provide a code snippet of the expected markup? What markup would work best in your case? Thank you!
from fundamental-ngx.
Hey @InnaAtanasova, as is in the stackblitz would already be enough.
I've tested it also with using a standard Web Component slot
element, but also with just a regular Angular Component and none of these work either even though it would be good if they were supported, too.
from fundamental-ngx.
@SomeKay Hey Kristian, I checked your stackblitz. The problem is that in order for the queries to work, you need to write them inside the dynamic page component directly. What you have now is a projected one and projected one shares DI with the place from which it was created, not with the target component you try to pluck in. Hope I explained well 😆
So what you need to do is to have a code like this
<fdp-dynamic-page-title>
<span *fdpDynamicPageHeaderTitle>
<ng-content select="page-title" />
</span>
</fdp-dynamic-page-title>
and it should work like a charm
from fundamental-ngx.
Related Issues (20)
- Incorrect Javascript icon in SAP-icons-TNT HOT 1
- [P2][Sourcing] Unable to select multiple users if using search in approval flow HOT 1
- [BUG] Sorting and filtering dialogs for Table fundamental-ngx/platform component can be opened multiple times one on top of the other HOT 2
- [Feature Request] Property for saving scroll position when using GrowingButton that works with outerScroll HOT 1
- Combobox - Reactive form not working properly with [communicateObject] HOT 2
- "Send" button is truncated for some locales in conversation messages HOT 2
- Dynamic page is scrollable when in a smaller container HOT 2
- Hardcoded tooltip "navigation-down-arrow" HOT 3
- [P2][Sourcing][Multi combobox checkbox][Functional]: When user exactly clicks on checkbox after searching then the searched text doesn't get cleared HOT 1
- Observable Async - Multi Input field value is not displayed properly HOT 1
- Refused to execute inline event handler because it violates the following Content Security Policy directive: "default-src 'self'"... HOT 7
- Icon Tab Bar overflowing tabs are hidden when using fdpIconTabBarFreeContent
- [Icons] Downport AI-related icons to 0.43.x HOT 2
- Support for Font Family in Product Switch
- Platform table, resizable columns - provide minimum width input HOT 2
- Virtual scroll whole rows [attr.title] performance issue HOT 3
- Message Strip Alerts aren't showing. HOT 1
- Bug when accepting autosuggestions for combobox HOT 1
- [P2][Sourcing] `scrollWholeRows`: Unable to fetch next page of rows if expand and collapse one row
- [P2][Sourcing] `scrollWholeRows`: `bodyHeight` is not working as desired
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fundamental-ngx.