The CreatorCon Call for Content is officially open! Get started here.

Narsing1
Mega Sage

Designing a Portal landing page & home page in a customized way is a time taking process and involves lot of research in order to have a good UI Experience.  

This article provides you couple of samples that may assist you while creating a new custom portal. 

OOTB Icon Link Widget is normally used to display different links, but you may also consider to use this kind of links to provide a new look and feel.

 

Here you go.

 

#Small Icon Link - Under the search bar, you may have these icons widget in case if your content is huge on the home page and don't want to use regular Icon Link Widget.

Widget Name - Round Buttons

Screenshot 2024-01-14 114801.png

#Transparent/White background Icon Links - You may have this Icon Widget as well in place of regular Icon link widget 

Widget Name - WidgetIcon

Screenshot 2024-01-14 115320.png

On mouse over, looks like this

Screenshot 2024-01-14 120026.png

 

Change the color using the css of this widget as per your choice

Screenshot 2024-01-14 115709.png

 

Finally, this provides a different experience

Screenshot 2024-01-14 120346.png

 

XML's are attached here.  Please feel free to provide your comments.  I will come up with some other examples in my next series.

 

Thanks,

Narsing

 

 

Version history
Last update:
‎01-13-2024 10:47 PM
Updated by:
Contributors