Skip to main content
Best Answer

Task List Widget - Match Heights to Other Widgets

  • January 30, 2026
  • 5 replies
  • 23 views

Forum|alt.badge.img+5

We really like the Task List widget and enjoy having it on the home page. However, it looks out of place because it can’t dynamically change. It looks great at full length, but awful at short. Is there a way to force it to always have all the space? Or make the page look better in our mockups?

Looks good to us
Looks not as good

 

Best answer by lrnlab

you will then need some CSS to keep it locked into a certain height. Unfortunately I don't have any such code handy. I did use some CSS to control the height of another widget, maybe that can work with some tweaks?

/* limit height of MyCourses Course List widget & install scrollbar */
.my-courses-and-learning-plans-content-wrapper {
max-height: 390px;
overflow: auto;
/*overflow: hidden;*/
}

 

5 replies

lrnlab
Hero III
Forum|alt.badge.img+10
  • Hero III
  • January 30, 2026

Are you saying that when it’s first displayed it shows like the 2nd image and you’d like to stay full height instead?


Forum|alt.badge.img+5
  • Author
  • Influencer III
  • January 30, 2026

@lrnlab Essentially - how it shows depends on how many courses appear in the tab. If they have 1 or 2, it is short like the 2nd image which we don’t like. When there is nothing or 3+, it shows the height in the first image. As you mentioned, we’d like it to show the height of the 1st image at all times, even if there’s white space, to make a better visual experience.


lrnlab
Hero III
Forum|alt.badge.img+10
  • Hero III
  • Answer
  • January 30, 2026

you will then need some CSS to keep it locked into a certain height. Unfortunately I don't have any such code handy. I did use some CSS to control the height of another widget, maybe that can work with some tweaks?

/* limit height of MyCourses Course List widget & install scrollbar */
.my-courses-and-learning-plans-content-wrapper {
max-height: 390px;
overflow: auto;
/*overflow: hidden;*/
}

 


Forum|alt.badge.img+5
  • Author
  • Influencer III
  • January 30, 2026

@lrnlab Thank you so much for this helpful code snippet, let me try and apply it. Thank you!


lrnlab
Hero III
Forum|alt.badge.img+10
  • Hero III
  • January 30, 2026

you’ll need to apply the proper reference as this is for the courses & LP widget, not the task widget. Sorry down have any code the task widget.