Skip to main content

Recently I’ve been looking for enhancements and efficiencies on our pages and menus.  I am currently in the brainstorming process of what to put in our “pancake” menu (you know the three little lines in the upper left corner! Here is our current list, but I wonder how everyone else formats this menu!

 

We have a lot of different menus that are based on business line, roles, etc. + custom menus for our sub domain users. It’s a lot to manage but it creates a very personal experience 


We focus on using another menu that’s visible on every custom page:

 


@abartunek - I am assuming this is custom html, right?  Care to share?


I was really excited because I thought we were talking pancake recipes this morning! (I haven’t had breakfast yet.) 

 

It’s also fun to learn new terms that people use for that menu. I’ve heard hamburger menu, hoagie menu, and now pancake menu. Delicious!

Like @lrnlab,  we have a different menu for each user group. The admin menu has every page on it(!!), while Power Users have specialized menus with their custom pages (training facilitators, Board of directors, managers, etc.), and then regular users have a nice small menu with just the essential pages.

Also, in a related thread… the thread linked below helped me clean up a couple of the Power User menus by linking to hidden pages through on buttons versus having to list the page in the menu

 


@JeanetteMcVeigh, see the HTML Code below:

<div class="LP-menu__container">
<div class="LP-menu__button LP-menu-CurrentPage">
<a href="https://globalcampus.hemmersbach.com/learn/home" class="LP-menu__img"> <img src="https://cdn5.dcbstatic.com/files/h/e/hemmersbach_docebosaas_com/userfiles/34482/Landing+Page/Menu+Buttons/home_icon_1_.png" class="LP-menu__img" alt="my_profile.png" /></a></div>

<div class="LP-menu__button">
<a href="https://globalcampus.hemmersbach.com/pages/31/my-courses" class="LP-menu__img"> <img src="https://cdn2.dcbstatic.com/files/h/e/hemmersbach_docebosaas_com/userfiles/34482/Landing+Page/Menu+Buttons/1_my_courses_vol.png" class="LP-menu__img" alt="1_my_courses_vol.png" /></a>
</div>

<div class="LP-menu__button" id="ID-LP-menu__button-LearningCourses">
<a href="https://globalcampus.hemmersbach.com/pages/25/learning-catalog" class="LP-menu__img">
<img src="https://cdn5.dcbstatic.com/files/h/e/hemmersbach_docebosaas_com/userfiles/34482/Landing+Page/Learning+Catalog/learning_catalog.png" class="LP-menu__img" alt="1_all_courses_vol2.png" /></a>
</div>
<div class="LP-menu__button">
<a href="https://globalcampus.hemmersbach.com/pages/23/channels" class="LP-menu__img"><img src="https://cdn2.dcbstatic.com/files/h/e/hemmersbach_docebosaas_com/userfiles/34482/Landing+Page/Menu+Buttons/1_channels.png" class="LP-menu__img" alt="1_channels.png" /></a>

</div>

<div class="LP-menu__button">
<a href="https://globalcampus.hemmersbach.com/pages/57/language-academy" class="LP-menu__img"><img src="https://cdn2.dcbstatic.com/files/h/e/hemmersbach_docebosaas_com/userfiles/34482/Landing+Page/Menu+Buttons/1_language_academy.png" class="LP-menu__img" alt="1_language_academy.png" /></a></div>
<div class="LP-menu__button">
<a href="https://globalcampus.hemmersbach.com/legacy/lms/index.php%3Fr%3DmyActivities/index" class="LP-menu__img"> <img src="https://cdn5.dcbstatic.com/files/h/e/hemmersbach_docebosaas_com/userfiles/34482/Landing+Page/Menu+Buttons/myprofile1.png" class="LP-menu__img" alt="my_profile.png" /></a></div>

</div>

You would just have to replace the links & images. To add shadows, make sure everything is in the right place, etc. we used CSS.


So funny @Stephanie Dreiling...I’ve always called it a hamburger menu. Either way, it makes me hungry :pancakes::hamburger::grin: .

I recently cleaned up our menu and trimmed it down. The basic user will see what is in the image below. We did add the Mobile App page for quick access our App store links.

Thank you for sharing another option @abartunek. Looks great!

 


It’s always great to SEE how things look how everyone else customizes! We also call it the pancake menu and I have gone as far as including an image of blueberry pancakes when instructing new users on how to navigate the platform. :joy:  We have a multi-domain and multiple landing pages that are branded differently. For quick visibility of the different pages, we added those to the menu for most of our super admins. Of course our typical user won’t see all of these items in their menu, but this has made it very easy to watch the set-ups on each page in order to keep a certain consistency with our look and branding.

 


Recently I’ve been looking for enhancements and efficiencies on our pages and menus.  I am currently in the brainstorming process of what to put in our “pancake” menu (you know the three little lines in the upper left corner! Here is our current list, but I wonder how everyone else formats this menu!

 

Thanks for sharing! What do you have on the My Instructor Page?


@JeanetteMcVeigh, see the HTML Code below:

You would just have to replace the links & images. To add shadows, make sure everything is in the right place, etc. we used CSS.

Thanks so much for this.  Unfortunately, when simply copied and pasted, it’s very large and doesn’t sit well on the page.  I’m sure your CSS is likely adjusting this as well.  


@JeanetteMcVeigh, see the HTML Code below:

<div class="LP-menu__container">
<div class="LP-menu__button LP-menu-CurrentPage">
<a href="https://globalcampus.hemmersbach.com/learn/home" class="LP-menu__img"> <img src="https://cdn5.dcbstatic.com/files/h/e/hemmersbach_docebosaas_com/userfiles/34482/Landing+Page/Menu+Buttons/home_icon_1_.png" class="LP-menu__img" alt="my_profile.png" /></a></div>

<div class="LP-menu__button">
<a href="https://globalcampus.hemmersbach.com/pages/31/my-courses" class="LP-menu__img"> <img src="https://cdn2.dcbstatic.com/files/h/e/hemmersbach_docebosaas_com/userfiles/34482/Landing+Page/Menu+Buttons/1_my_courses_vol.png" class="LP-menu__img" alt="1_my_courses_vol.png" /></a>
</div>

<div class="LP-menu__button" id="ID-LP-menu__button-LearningCourses">
<a href="https://globalcampus.hemmersbach.com/pages/25/learning-catalog" class="LP-menu__img">
<img src="https://cdn5.dcbstatic.com/files/h/e/hemmersbach_docebosaas_com/userfiles/34482/Landing+Page/Learning+Catalog/learning_catalog.png" class="LP-menu__img" alt="1_all_courses_vol2.png" /></a>
</div>
<div class="LP-menu__button">
<a href="https://globalcampus.hemmersbach.com/pages/23/channels" class="LP-menu__img"><img src="https://cdn2.dcbstatic.com/files/h/e/hemmersbach_docebosaas_com/userfiles/34482/Landing+Page/Menu+Buttons/1_channels.png" class="LP-menu__img" alt="1_channels.png" /></a>

</div>

<div class="LP-menu__button">
<a href="https://globalcampus.hemmersbach.com/pages/57/language-academy" class="LP-menu__img"><img src="https://cdn2.dcbstatic.com/files/h/e/hemmersbach_docebosaas_com/userfiles/34482/Landing+Page/Menu+Buttons/1_language_academy.png" class="LP-menu__img" alt="1_language_academy.png" /></a></div>
<div class="LP-menu__button">
<a href="https://globalcampus.hemmersbach.com/legacy/lms/index.php%3Fr%3DmyActivities/index" class="LP-menu__img"> <img src="https://cdn5.dcbstatic.com/files/h/e/hemmersbach_docebosaas_com/userfiles/34482/Landing+Page/Menu+Buttons/myprofile1.png" class="LP-menu__img" alt="my_profile.png" /></a></div>

</div>

You would just have to replace the links & images. To add shadows, make sure everything is in the right place, etc. we used CSS.

How do you store the image son your docebo instance? I have been doing simialr setups to this but had to load my icons on a separate server. This looks like you are able to load them to a user files area and everyone can access them, that would be terriffic!


 

How do you store the image son your docebo instance? I have been doing simialr setups to this but had to load my icons on a separate server. This looks like you are able to load them to a user files area and everyone can access them, that would be terriffic!

 

I go into a course and add an html learning object.  Then click to add an image.  

Once there, click upload, and then drag and drop the file or click ‘add files’ to browse.

 

Once you add your image and upload, ensure it’s selected in the ‘your images collection’ window and click ‘insert.

There’s your source URL.


WAIT!!!!??? THERE IS AN IMAGES COLLECTION?!?!?

WTH Docebo! That would be a nice feature to have mentioned in your training!

Also WTH Docebo! I have to manage the images collection from within a course and not its own menu item with configurable power user permissions!?


 

How do you store the image son your docebo instance? I have been doing simialr setups to this but had to load my icons on a separate server. This looks like you are able to load them to a user files area and everyone can access them, that would be terriffic!

 

I go into a course and add an html learning object.  Then click to add an image.  

Once there, click upload, and then drag and drop the file or click ‘add files’ to browse.

 

Once you add your image and upload, ensure it’s selected in the ‘your images collection’ window and click ‘insert.

There’s your source URL.

AWESOME, I have been trying similar types of things and always ran into issues of permissions/timed credentials for sharing purposes. I am guessing since you are using this broader, that you do not run into these issues with this.

Thanks for sharing!


This does not seem to add the additional authentication attributes files get which is nice, so just tied to a specific user. Might be a good idea to have an account for this type of workaround so that when an employee or person leaves you don’t lose all your images.


This does not seem to add the additional authentication attributes files get which is nice, so just tied to a specific user. Might be a good idea to have an account for this type of workaround so that when an employee or person leaves you don’t lose all your images.

I have not dug into it yet...but are you saying that the images are tied only to a user and not able to be shared to the platform?


 Hi all, Giulio here from Docebo’s product team.
Docebo’s product team is gathering your thoughts and feedback on improving the Learning Experience (Pages & Menus) creation & management process.

Please take this survey to tell us about your needs, priorities, and challenges in creating and managing Learning Experiences.

 

The original Feedback request is on this page:

 

Thanks!


Reply