Comments (2)
Hi @DaYuClo
Question 1: Is it possible to have more than one links
Question 2: Is it possible to insert the link in the middle of a sentence instead of at the end by default?
Yes, you can totally customize the appearance of the cookie bar as you wish.
I have added a new section in the README to describe how this can be achieved.
Plus, i have softened some types definitions to avoid typescript compilation errors when defining custom properties. Please update to v2.2.0
Then in your case, the following configuration can be used to achieve what you described:
import {NgcCookieConsentModule, NgcCookieConsentConfig} from 'ngx-cookieconsent';
const cookieConfig:NgcCookieConsentConfig = {
cookie: {
domain: 'localhost'// it is recommended to set your domain, for cookies to work properly
},
palette: {
popup: {
background: '#000'
},
button: {
background: '#f1d600'
}
},
theme: 'edgeless',
type: 'opt-out',
layout: 'my-custom-layout',
layouts: {
"my-custom-layout": '{{messageLink}}{{compliance}}'
},
elements:{
messageLink: `
<span id="cookieconsent:desc" class="cc-message">{{message}}
<a aria-label="learn more about cookies" tabindex="0" class="cc-link" href="{{cookiePolicyHref}}" target="_blank">{{cookiePolicyLink}}</a>,
<a aria-label="learn more about our privacy policy" tabindex="1" class="cc-link" href="{{privacyPolicyHref}}" target="_blank">{{privacyPolicyLink}}</a> and our
<a aria-label="learn more about our terms of service" tabindex="2" class="cc-link" href="{{tosHref}}" target="_blank">{{tosLink}}</a>
</span>
`,
},
content:{
message: 'By using our site, you acknowledge that you have read and understand our ',
cookiePolicyLink: 'Cookie Policy',
cookiePolicyHref: 'https://cookie.com',
privacyPolicyLink: 'Privacy Policy',
privacyPolicyHref: 'https://privacy.com',
tosLink: 'Terms of Service',
tosHref: 'https://tos.com',
}
};
@NgModule({
declarations: [AppComponent, ...],
imports: [NgcCookieConsentModule.forRoot(cookieConfig), ...],
bootstrap: [AppComponent]
})
export class AppModule {
}
from ngx-cookieconsent.
@tinesoft I really appreciate your work and help. Kudo!
from ngx-cookieconsent.
Related Issues (20)
- [Bug] SSR - Cookie popup has not yet been instantiated. Cannot invoke {{methodName}}
- [Bug] ccService.initializing, ccService.initialized and ccService.initializationError does not exist on NgcCookieConsentService HOT 2
- [Feature] Angular 14 HOT 22
- The automated release is failing 🚨
- [Bug] Wrong `peerDependencies` for rxjs for Angular v14+ HOT 3
- Does not save its own cookie on AWS amplify HOT 1
- Cookie popup not appearing in published website HOT 1
- [Bug] Restrictive `peerDependency` of `rxjs` causes conflicts with other packages
- [Bug] whitelistPage and blacklistPage options are not working well
- [Bug] Support for Angular 15 HOT 1
- The automated release is failing 🚨
- [Bug] Needs to be Ivy compliant [Angular 16] HOT 18
- How do I opt-in a session when cookie consent is not required?
- Cookie-banner disabled by AdBlocker[Bug] HOT 1
- [chore] Update to latest Nx version
- [chore] Setup Nx Dependency Check ESLint
- [Feature] Add mobileForceFloat option HOT 1
- How to set consent? How to prevent popup opening after setting cookie? HOT 1
- [EU] GDPR compliant cookie banner HOT 1
- [Feature] Styling for the deny button
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 ngx-cookieconsent.