We tried to to add a banner according to the WSO2 documentation [1]. We could add the text. But the display is covered by the Menu on the page. We need to keep hold the banner when scroll down. But the banner also scroll down when scroll down.
Open the /repository/deployment/server/jaggeryapps/devportal/site/public/theme/defaultTheme.js file in a text editor and set the themes.light.custom.banner.active attribute as true to show the banner.
Refresh the Developer Portal to view the changes.
The following attributes available for the banner
const Configurations = { custom: { banner: { active: true, style: 'text', image: '/site/public/images/landing/01.jpg', text: 'This is a very important announcement', color: '#ffffff', background: '#e08a00', padding: 20, margin: 0, fontSize: 18, textAlign: 'center', }, }, };
Description
Hi Team,
We tried to to add a banner according to the WSO2 documentation [1]. We could add the text. But the display is covered by the Menu on the page. We need to keep hold the banner when scroll down. But the banner also scroll down when scroll down.
[1] https://apim.docs.wso2.com/en/3.2.0/develop/customizations/customizing-the-developer-portal/enable-or-disable-banner/
Thanks and regards, Shehan.
Steps to Reproduce
The following attributes available for the banner
const Configurations = { custom: { banner: { active: true, style: 'text', image: '/site/public/images/landing/01.jpg', text: 'This is a very important announcement', color: '#ffffff', background: '#e08a00', padding: 20, margin: 0, fontSize: 18, textAlign: 'center', }, }, };
Affected Component
APIM
Version
3.2.0
Environment Details (with versions)
No response
Relevant Log Output
No response
Related Issues
No response
Suggested Labels
No response