my cpp carousel setup

25 views
Skip to first unread message

Chris Beach

unread,
Feb 4, 2021, 9:38:14 PM2/4/21
to uPortal Developers
Hello folks,

There is some interest in the carousels on https://www.cpp.edu/~test-group/portal/index.shtml?index=1 , specifically the carousels for Recommended, Favorites, and News & Announcements .

In looking how to implement those carousels, it doesn't look like they are using the uP web components of dashboard-carousel nor content-carousel (no shadow dom), though it uses the similar technology of slick.io .

Could someone with familiarity with that code provide some details on how those carousels were built, and if appropriate, share the backing code with the community?

Thanks!
Chris

Jonathan M. Tran

unread,
Feb 5, 2021, 10:36:46 AM2/5/21
to uport...@apereo.org
The carousels you see on that mockup were eventually materialized into @uportal/content-carousel found in https://github.com/uPortal-contrib/uPortal-web-components
With a few tweaks, this is what we have going on in production



From: uport...@apereo.org <uport...@apereo.org> on behalf of Chris Beach <beachc...@gmail.com>
Sent: Thursday, February 4, 2021 18:38
To: uPortal Developers <uport...@apereo.org>
Subject: Ex: [uportal-dev] my cpp carousel setup
 
--
You received this message because you are subscribed to the Google Groups "uPortal Developers" group.
To unsubscribe from this group and stop receiving emails from it, send an email to uportal-dev...@apereo.org.
To view this discussion on the web visit https://groups.google.com/a/apereo.org/d/msgid/uportal-dev/a5c43e84-efb6-4632-8fda-56f332e7c1d4n%40apereo.org.
CAUTION: This email was not sent from a Cal Poly Pomona service. Exercise caution when clicking links or opening attachments. Please forward suspicious email to suspec...@cpp.edu.

Chris Beach

unread,
Feb 5, 2021, 12:15:08 PM2/5/21
to uPortal Developers, Jonathan M. Tran
Ah nice - thanks for the clarification Jonathan!

Todd Nelson

unread,
Feb 12, 2021, 4:53:24 PM2/12/21
to uPortal Developers, Chris Beach, Jonathan M. Tran
Hello Jonathan, I'm trying to use the content-carousel and it appears that our portlet links are hard-coded in the web component with target="_blank" - so all links coming from the content-carousel open in a new browser window, unfortunately.

It looks like this is not a problem in the https://www.cpp.edu/~test-group/portal/index.shtml?index=1 mockup, and content-carousel links open in the same window... Were you able to override the target="_blank" issue there?

The mockup is great btw - inspiring! 

Thank you!
Todd
Todd Nelson
University of Illinois

Jonathan M. Tran

unread,
Feb 12, 2021, 5:44:17 PM2/12/21
to uPortal Developers, Chris Beach, Todd Nelson
Yeap! It is not a problem on the mockup page since the mockup is a mockup :)

In our uPortal instance, the carousel content links out to external websites/applications. We accomplish this by setting the alternativeMaximizedLink portlet-preference when creating the portlet definitions.
The links open in a new tab/window because that is the behaviour we want when we link to external websites/applications.
With that, the use case of carousel slides linking to content within uPortal has not been encountered ... until now.

> The mockup is great btw - inspiring!
I'll pass this along to the team that put this together.

From: Todd Nelson <trne...@illinois.edu>
Sent: Friday, February 12, 2021 13:53
To: uPortal Developers <uport...@apereo.org>
Cc: Chris Beach <beachc...@gmail.com>; Jonathan M. Tran <j...@cpp.edu>
Subject: Re: Ex: [uportal-dev] my cpp carousel setup
 

Todd Nelson

unread,
Feb 12, 2021, 6:06:15 PM2/12/21
to uPortal Developers, Jonathan M. Tran, Chris Beach, Todd Nelson
Using the alternativeMaximizedLink preference is great - something we had not used... until now. :) We have several App Launcher portlets that link to external websites/apps where this will work well. Having the ability to configure this per carousel to be same or new window would be great in order to point to our internal content on other carousels... Thank you for writing this up Chris and thanks again for the assistance Johnathan. Thanks!
Reply all
Reply to author
Forward
0 new messages