We have a custom page made for onboarding training. The page has catalogs plugged in via widgets. Currently when a learner clicks on a tile, it overrides the page. We’d like it to instead open in a new tab so the don’t have to keep navigating back to the page. (Selecting “open new window” at the training material level does not accomplish this). Is there a way currently to do this?
Best Answer
Catalog tile to open in a new tab
Best answer by Moshe.Machlav
Hi
This is a very common request for onboarding flows, but currently, the native Catalogs widget in Docebo does not have a built-in setting to force tiles to open in a new tab. By default, clicking a catalog tile will always navigate the user away from the current page.
However, there is a very reliable workaround: The Custom HTML Widget Approach.
Instead of relying on the native widget, you can build a completely custom visual layout for your catalogs and courses using an HTML/WYSIWYG widget.
-
Create your own tiles or buttons using images or HTML/CSS.
-
Link these visual elements directly to the specific Catalogs, Learning Plans, or Courses you want the learners to access.
-
Open the source code
< >view in the widget and addtarget="_blank"to your hyperlink tags (e.g.,<a href="CATALOG_URL" target="_blank"><img src="..."></a>).
When I've deployed custom onboarding hubs for organizations facing this exact navigation issue, we almost always transition to a fully custom HTML dashboard. It gives you complete control over the catalog's look and feel, and guarantees that learners never lose their primary onboarding page while branching out to different catalogs.
You can read more about utilizing the HTML widget and custom code best practices (including the target="_blank" attribute) in the official documentation here: Building an accessible platform with custom code – Docebo Help.
Hope this helps you build a smoother onboarding experience!
+2Hi
This is a very common request for onboarding flows, but currently, the native Catalogs widget in Docebo does not have a built-in setting to force tiles to open in a new tab. By default, clicking a catalog tile will always navigate the user away from the current page.
However, there is a very reliable workaround: The Custom HTML Widget Approach.
Instead of relying on the native widget, you can build a completely custom visual layout for your catalogs and courses using an HTML/WYSIWYG widget.
-
Create your own tiles or buttons using images or HTML/CSS.
-
Link these visual elements directly to the specific Catalogs, Learning Plans, or Courses you want the learners to access.
-
Open the source code
< >view in the widget and addtarget="_blank"to your hyperlink tags (e.g.,<a href="CATALOG_URL" target="_blank"><img src="..."></a>).
When I've deployed custom onboarding hubs for organizations facing this exact navigation issue, we almost always transition to a fully custom HTML dashboard. It gives you complete control over the catalog's look and feel, and guarantees that learners never lose their primary onboarding page while branching out to different catalogs.
You can read more about utilizing the HTML widget and custom code best practices (including the target="_blank" attribute) in the official documentation here: Building an accessible platform with custom code – Docebo Help.
Hope this helps you build a smoother onboarding experience!
Log in to Docebo Community
Enter your email address or username and password below to log in to Docebo Community. No account yet? Create an account
Docebo Employee Login
or
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.