Announcement banner customization

WorkingHands · ‎03-03-2022

Hello,

I would like to totally customize the announcements banner on my Portal. Effectively I would like to replace it with a custom component. Can this be achieved using Bootstrap for example to override the CSS? Can anyone advise me on where to start implementing this type of change?

Thanks.

Mark Guldhammer · ‎03-08-2022

No problem! I've run in to a few similar issues before, where the conclusion I had to report, was it was not possible.

The platform also has some kind jQuery built in, which was what I used in the olden days to build carousels. But I think it will be a struggle without being able to access the HTML, and ultimately not worth the effort.

Maybe doing something cool with a clone of the OOB announcement widget, would be the way to go. I guess with a cookie, you could highlight new announcements once or twice, with a bright color on the frontpage.

Good luck

View solution in original post

Mark Guldhammer · ‎03-04-2022

Unfortunately not, and be prepared use a lot of !important 🙂

One way would be to add Page Specific CSS on each page, but that will be a nightmare to maintain. Another way could be an empty widget with the CSS overwrites, and add that everywhere. Not ideal, but at least it is easier to maintain.

After some digging, I think you best bet is looking at the sp_css_include table, and creating a CSS include. Then add that to the theme you are using in the m2m_sp_theme_css_include table. I have not tested this though, but worth a look.

Mark Guldhammer · ‎03-07-2022

Did you solve this?

WorkingHands · ‎03-07-2022

No, I'm still struggling with it.

Mark Guldhammer · ‎03-07-2022

Alright. I just tested the steps with the CSS include on my PDI, and I now have a golden announcement banner.

Where are you getting stuck?

WorkingHands · ‎03-08-2022

Thank you Mark, the screenshots were very useful and allowed me to alter some of the banner CSS.

Ultimately though, I think my requirements might just be a bit too ambitious for what is possible here.

Ideally I'd like to alter the HTML in order to display the announcements in a carousel-like component that would scroll through announcements automatically without the user having to click/expand them. We're finding users don't bother to expand all the announcements. It's possible to do this with pure HTML/CSS but, without being able to essentially re-write the banner component, I don't see how I can achieve this.